Nieuw lid |
|
Ik heb de onderstaande code. Wat ik dus wil is dat de left div, met daarin cat en links aan de linker kant van de pagina komen te staan. En daarnaast de content div. Alleen wat er nu gebeurt is dat je de cat en content div naast elkaar hebt en dan links daaronder de links div. Dus de vraag is wat doe ik fout ??:
<style type="text/css">
<!--
#container {
width:800px;
margin:0px auto;
text-align:center;
}
#left {
width:200px;
float:left;
}
#cat {
width:200px;
background-image:url(img/cat.jpg);
min-height:300px;
background-repeat:no-repeat;
margin-top:50px;
padding-top:30px;
float:left;
}
#links {
width:200px;
background-image:url(img/links.jpg);
min-height:100px;
background-repeat:no-repeat;
margin-top:20px;
padding-top:20px;
float:left;
}
#content {
width:600px;
min-height:300px;
padding-top:30px;
float:left;
text-align:center;
}
-->
</style></head>
<body>
<div id="container">
<div id="left">
<div id="cat"><?php include_once 'includes/categorie.php'; ?></div>
<div id="links"></div>
</div>
<div id="content"></div>
</div>
<style type="text/css"> <!-- #container { width:800px; margin:0px auto; text-align:center; } #left { width:200px; float:left; } #cat { width:200px; background-image:url(img/cat.jpg); min-height:300px; background-repeat:no-repeat; margin-top:50px; padding-top:30px; float:left; } #links { width:200px; background-image:url(img/links.jpg); min-height:100px; background-repeat:no-repeat; margin-top:20px; padding-top:20px; float:left; } #content { width:600px; min-height:300px; padding-top:30px; float:left; text-align:center; } --> </style></head> <body> <div id="container"> <div id="left"> <div id="cat"><?php include_once 'includes/categorie.php'; ?></div> <div id="links"></div> </div> <div id="content"></div> </div>
|