[thelist] Tricky three column issue with Footer

Scott Blanchard octigonuser at hotmail.com
Fri Oct 17 12:26:50 CDT 2003


It looks like the solution is to use float:left on both columns (changing 
both to relative positoning), then use clear:both on the footer element.



<div class="leftColumn">Left Column</div>
<div class="RightColumn">Right Column Main Content</div>
<div class="footer">Footer spans both columns regardless of their length or 
height</div>


I have tested this in IE5.5/PC IE6/PC NS7.1/PC and Safari/MAC and it works 
perfectly in those browsers. Perhaps someone could check in other standards 
aware browsers and let me know.

http://demo.octigon.com/websites/marnell/default.asp?id=3

_________________________________________________________________
Add MSN 8 Internet Software to your current Internet access and enjoy 
patented spam control and more.  Get two months FREE!     
http://join.msn.com/?page=dept/byoa



More information about the thelist mailing list