Hallo,
Ik heb een probleem met onderstaande code. De bedoeling is dat de divs met de id 'left' en 'content' naadloos aansluiten op de div met de id 'header'. De borders heb ik er bij ingezet om dit te checken en ze sluiten inderdaad aan. Het probleem is echter dat de div 'header' hoger is dan het plaatje dat er in staat. Deze div zou precies de hoogte van het plaatje moeten hebben zonder dat er nog witruime onder komt. Dit dacht ik met padding en margin 0 geregeld te hebben, maar dat werkt dus niet. Hoe krijg ik het wel voor elkaar?
Ik heb een probleem met onderstaande code. De bedoeling is dat de divs met de id 'left' en 'content' naadloos aansluiten op de div met de id 'header'. De borders heb ik er bij ingezet om dit te checken en ze sluiten inderdaad aan. Het probleem is echter dat de div 'header' hoger is dan het plaatje dat er in staat. Deze div zou precies de hoogte van het plaatje moeten hebben zonder dat er nog witruime onder komt. Dit dacht ik met padding en margin 0 geregeld te hebben, maar dat werkt dus niet. Hoe krijg ik het wel voor elkaar?
HTML:
<style>
body {
margin: 0px;
padding:0px;
}
a { color: black; }
a:visited { color: black; }
.PictureSmall {
border:1px;
border-color:#000000;
border-style:solid;
width:135px;
height:101px;
}
#header {
width:100%;
padding:0px;
margin:0px;
border:1px;
border-style:solid;
border-color:#000000;
height:10px;
}
#left {
float:left;
padding:0px;
margin:0px;
border:1px;
border-style:solid;
border-color:#000000;
}
#content {
width:620px;
text-align:center;
padding-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px;
margin:0px;
}
#footer {
text-align:center;
width:770px;
font-size:9px;
clear:left;
}
</style>
</head>
<body>
<div id="header">
<img src="images/ProductsHeader.jpg" border="0" alt="Top" style="border:1px; border-style:solid; border-color:#FF0000;" />
</div>
<div id="left">
<img src="images/Woman.jpg" border="0" alt="Left" />
</div>
<div id="content">
Beginpagina
<div id="footer"><a href="index.htm">home</a> <a href="profile.htm">Profile</a> <a href="products.php">Products</a> <a href="contact.php">Contact</a></div>
</div>
<br />
<div id="clear"> </div>
</body>
