On May 24, 2007, at 3:46 AM, Dova Wilson wrote: > http://www.gwvirginia.gwu.edu/newsite/pg2.4.html > > My faux columns are working in IE6, but not in Firefox 2.0.0.3. I > haven't tested extensively in other browsers, but Netscape 7.0 and 7.2 > don't seem to be working either. The page and css have passed W3C > validation. > > I have a background image set on #wrapcolumns with a width of 738px. > background: url (../images/bg2.gif) repeat-y; > > The left hand subnavigation column (#navbarside, float: left) > should be > dark blue and the #wrapper (float: right with other divs inside of it) > should have a white background.
IE is saved by its own stupidity: your #wrapcolumns 'haslayout' [1]: it has a width declared. In other browsers, the #wrapcolumns collapses in height, because it only contains floated blocks, which are removed out of the flow. One solution is insert a clearing div at the end of #wrapcolumns to force it to stay open. Or take one of the 'easy clearing' solutions: <http://www.positioniseverything.net/easyclearing.html> more options listed on the wiki <http://css-discuss.incutio.com/?page=ClearingSpace> [1] http://www.satzansatz.de/cssd/onhavinglayout.html Philippe --- Philippe Wittenbergh <http://emps.l-c-n.com> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
