[thelist] CSS: Don't understand how floats are supposed to work.

Matt Warden mwarden at gmail.com
Tue Dec 21 16:49:00 CST 2004


On Tue, 21 Dec 2004 14:59:13 -0600, Minh Lee Goon <evolt at goonies.info> wrote:
> <div id="Container" style="clear:both;">
>       <div id="Header" style="clear:both;"></div>
>       <div id="Navigation" style="clear:both;"></div>
>       <div id="Content" style="clear:both;">
>            <div style="clear:both;">
>                 <div id="Instructions" style="float:left;"></div>
>                 <div id="Links" style="float:right;"></div>
>            </div>
>       </div>
>       <div id="Footer" style="clear:both"></div>
> </div>

Typically you can fix this by floating the div below which you want
other elements pushed. So, try adding "float: left;" to #content.

For what it's worth, though, opening up your example code above in
Firefox/linux pushed the footer down like you wanted it to. So, your
problem might be elsewhere.


-- 
Matt Warden
Miami University
Oxford, OH
http://mattwarden.com


This email proudly and graciously contributes to entropy.


More information about the thelist mailing list