...

View Full Version : <div> float problem in the layout



ssskaya
03-03-2005, 10:47 PM
Below is the basic outlook of my site.

However, I have slight problem with the footer.

Since id="column2" has a "float:left" attribute, my footer is floated under the end of column2.

How can I avoid that?

Thanks.

-----------------------------------
<div id="container">

<div id="header">HEADER</div>

<div id="columns1">
CONTENT IN COLUMN 1
</div>

<div id="columns2">
CONTENT IN COLUMN 2
</div>

<div id="footer">FOOTER</div>

</div>

rmedek
03-03-2005, 10:54 PM
Don't forget to clear your floats. Add "clear: both" to the footer, or insert an empty block-level element (like a div) after column two with the clear property in the CSS.

ssskaya
03-03-2005, 11:05 PM
richard,

thank you very much.

your help came very quickly when I was pushed by time.

I appreciate it.

rmedek
03-03-2005, 11:11 PM
No problem... glad I could help :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum