I have a problem where a DIV is behind a floating element. Given the
following code, the DIV.banner appears behind the DIV.logo_block at
the left edge of the page.
I've discovered that setting overflow:auto on div.banner fixes the
problem, but I don't know why. Can someone help me to understand why
this is happening?
<header>
<div class="logo_block">
<img class="logo" src="images/Gm_96x96.png" alt="Ghodmode
Development logo">
</div>
<div class="banner">
<div class="banner_placeholder">
<h1>Banner</h1>
</div>
</div>
</header>
div.banner_placeholder {
width: 468px;
height: 60px;
background-color: blue;
color: white;
}
div.logo_block {
float: left;
}
--
Ghodmode
http://www.ghodmode.com/blog
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
