On Nov 20, 2007, at 5:59 PM, Jan Christian Anker wrote: > my page http://www.putti.no/css_test/ should preferably have a > background/appearance as displayed in IE 7.0. However, the (pink) > background has no height when displayed in FireFox (i.e. is not > displayed). The CSS is http://www.putti.no/css_test/sf_style.css , > I am running Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; > rv:1.8.1.9) Gecko/20071025 Firefox/2.0.0.9 under WinXP. > > Could somebody please explain why the page does not display as > intended in > FireFox, but in IE 7.0 ?
Because IE is buggy. It 'works' in that browser because the div that wrap around all the content 'haslayout', an obscure and complex MSIE only property (the 'hasLayout' is trigger by the specified width on that div (activ_area)). You can read more on the subject of 'hasLayout': <http://www.satzansatz.de/cssd/onhavinglayout.html> For other browsers, the wrapper div (that has the pinkish background colour) is basically empty: it only contains floated elements (those are removed from the document flow, and do not take space). You'll need some technique to contain to floats: <http://css-discuss.incutio.com/?page=ClearingSpace> You have other problems: in Safari, the two columns are displayed side by side, but in other browsers (including IE 7) the 2 columns are displayed one below the other one. You should specify a 'width' for the narrow column. Philippe --- Philippe Wittenbergh <http://emps.l-c-n.com> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
