[thelist] css container div is not working in firefox

[Paul Bennett]

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.

:)
Paul

-----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:

http://www.projecthealthychildren.org/newsite/micronutrients.php

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.

TIA
Nan

-- 

* * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

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