Hallo,

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
mogelijke optie is position absolute en dan margin left en margin top aan geven..

Zet je css codes er anders even op
Dit is de code:

.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
Als ik het goed heb gaat het mis bij je width:
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

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!

Reageren