Sidebar css probleem
Ik heb op mjjn website waar ik nog druk mee bezig ben (kickradio.tk) een probleem. Ik heb aan de zijkant een sidebar. Deze sidebar moet naast het grote vlak komen, hij zet het er alleen onder. Ik sluit overal netjes de divjes af. Ik maak gebruik van float left en right. Hoe kan ik dit oplossen?
Groetjes
.nieuws {
background:#D8D8D8;
width:750px;
height:600px;
margin:10px;
}
.block {
width:350px;
height:220px;
display:inline;
float:left;
margin:5px;
padding:5px;
background:#FAFAFA;
border-style: solid;
border-width: 0.5px;
text-align: center;
}
.sidebar {
float:right;
background:white;
width:400px;
height:600px;
}
nieuws staat voor dat grote vlak.
block staat voor de witte nieuws binnenin
en sidebar voor de balk aan de zijkant
je .nieuws is 750px
je .block is 350px PLUS margin:5px; PLUS padding:5px;
.sidebare is 400px
als je .block 350px naar 330px veranderd werkt ie dan?
volgens mij zit je border ook niet bij je width dus als het bovenstaande niet werkt zou je .nieuws 751px kunnen proberen
Gewijzigd op 28/06/2015 18:36:08 door Fabian webstars
Allebei de opties werken niet. Heb ze allebei aangepast, maar hij blijft gewoon staan.
Je moet .nieuws nog een float:left meegeven
Probeer ook eens box-sizing: border-box; op je elementen.
Het werkt. Dank je wel iedereen!