Ik heb een foutje in m'n CSS.
RapidShare: 1-CLICK Web hosting - Easy Filehosting
Hier zie je dat het rechterstukje teveel naar beneden staat.
Ook staat dat onderste balkje in het midden teveel naar beneden.
Css:
Code:
@charset "utf-8";
/* CSS Document */
.dummy{
line-height: 1px;
clear: left;
}
#container{
width: 795px;
margin-left: auto;
margin-right: auto;
/*border: 1px solid black;*/
}
#banner_left{
float: left;
/*border: 1px solid black;*/
}
#banner_mid{
float: left;
width: 380px;
height: 148px;
border: 1px solid black;
}
#banner_mid_top{
float: left;
height: 115px;
}
#banner_mid_menu{
float: left;
height: 21px;
/*border: 1px solid black;*/
}
#banner_mid_bottom{
float: left;
height: 12px;
/*border: 1px solid black;*/
}
#banner_right{
float: left;
/*border: 1px solid black;*/
}
Html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
<?php echo $title_for_layout?>
</title>
<?php echo $html->css('cdChayofaCss'); ?>
</head>
<body>
<div id="container">
<div id="banner_left">
<?php echo $html->image('banner_left.jpg'); ?>
</div>
<div id="banner_mid">
<div id="banner_mid_top">
<?php echo $html->image('banner_mid_top.jpg'); ?>
</div>
<div id="banner_mid_menu">
<?php echo $html->image('banner_mid_menu.jpg'); ?>
</div>
<div id="banner_mid_bottom">
<?php echo $html->image('banner_mid_bottom.jpg'); ?>
</div>
</div>
<div id="banner_right">
<?php echo $html->image('banner_right.jpg'); ?>
</div>
<div class="dummy">
</div>
</div>
</body>
</html>
Ik kan dus maar niet vinden aan wat dit kan liggen? 
Het rechtse stukje staat goed ondertussen. Maar ik weet niet waarom dat balkje raar doet. =(
Ook als ik een border zet rond banner_mid_bottom, zie ik dat de image buiten die border gaat, dus buiten de div. :o