Ik heb een plaatje als achtergrond (in het midden) en het is de bedoeling dat de divs mooi gelijk staan met dat plaatje ( wat nu dus zo is)
Nu zit ik echter met het probleem dat ik 2 divs naast elkaar wil hebben , ik heb ze voor het gemak even #links en #rechts genoemd.
Als ik een float gebruik dan komen de divs helemaal links en recht van de pagina , maar ik wil ze gewoon naast elkaar hebben staan in het midden stuk.
Hier de code (als je dit kopieerd en html pagina bekijkt snap je wel wat ik bedoel .. ik wil gewoon de linker en rechter naast elkaar .. ( nu zie je ze wel naast elkaar , maar allebei aan beide zeiden van de "hele" pagina)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<style type="text/css">
body {
background:#f8f7e5 url(achtergrond.jpg) no-repeat center top;
color:#333;
margin:0;
padding:0;
}
#content {
width:860px;
background:#fff;
border:solid 0 #ccc;
margin:0 auto;
padding:20px;
}
h1 {
margin:0;
padding:0;
}
#header {
width:100%;
background:#000;
border:solid 0 #ccc;
margin:0 auto;
padding:50px;
}
#bovenste {
width:860px;
background:#345;
border:solid 0 #ccc;
margin:15px auto 0;
padding:20px;
}
#zoekbalk {
width:860px;
background:#531;
border:solid 0 #ccc;
margin:0 auto;
padding:20px;
}
#rechts {
width:430px;
float:right;
background:#731;
border:solid 0 #ccc;
margin:0 auto;
padding:20px;
}
#links {
width:430px;
float:left;
background:#221;
border:solid 0 #ccc;
margin:0 auto;
padding:20px;
}
</style>
</head>
<body>
</div>
<div id="header">Header</div>
<div id="bovenste">bovenste</div>
<div id="zoekbalk">zoekbalk</div>
<div id="rechts">rechts</div>
<div id="links">links</div>
<div id="content">
<p style="padding-bottom: 800px"> </p>
</div>
</body>
</html>
iemand enig idee?
Bij voorbaat dank !
ps, de achtergrond is even denkbeeldig voor jullie .. maar zolang de recht en links gelijk staan aan de andere div's is het goed.
