[thelist] css container div is not working in firefox

Paul Bennett Paul.Bennett at wcc.govt.nz
Sun Feb 17 16:18:33 CST 2008

Hi Nan,

If you want the navigation container to appear to stretch the same length as the content, you'll need to wrap the nav & content in a containing element (div), give the containing element a background color and then float the nav and content.

Be aware there are browser quirks and bugs with floated content that touches other floating content (e.g.: the IE6 peekaboo bug), so you may want to look at something like YUI grids (http://developer.yahoo.com/yui/grids/) if you want to invest a little learning time to get a bullet-proof, cross-browser layout.


-----Original Message-----
From: thelist-bounces at lists.evolt.org [mailto:thelist-bounces at lists.evolt.org] On Behalf Of Nan Harbison
Sent: Monday, February 18, 2008 10:52 AM
To: thelist at lists.evolt.org
Subject: Re: [thelist] css container div is not working in firefox

Sorry I didn't think to add a link, I sent that last email before I had
finished it.
Here is a sample of this page that works in IE and not in Firefox:


I started adding multiple <br />'s to the bottom of the navigation, knowing
full well this is a horrible, childish solution.

This is a work in progress, of course.



* * Please support the community that supports you.  * *

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt ! 

More information about the thelist mailing list