Hello,
the problem is solved! I found the solution at http://www.wickham43.supanet.com/tutorial/firefoxbackground.html <http://www.wickham43.supanet.com/tutorial/firefoxbackground.html> I now utilize Solution 2b from above, and it works just fine: I added <div style="clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; border: 0;"> </div> before the last "</div>", and that was it! Thanks to everybody who contributed! Best Regards, Jan Christian Anker __________________________________________________ | ANKER - ZEMER Engineering AS | e-mail: [EMAIL PROTECTED] | Phone: +47 22 06 44 21 | Visitors' Address: Aslakveien 14 (Inng. A), Røa, OSLO | Postal Address: P.O. Box 253, | NO-0702 OSLO, Norway | VAT Reg. no.: 935 562 678 MVA | Web Page: http://www.anker-zemer.com | FSI / CFD: http://www.linflow.com | Founding Member of Technology Network Alliance, | Web Page http://www.caeworld.com __________________________________________________ -----Original Message----- From: Philippe Wittenbergh [mailto:[EMAIL PROTECTED] Sent: 20 November, 2007 09:08 To: CSS-D Subject: Re: [css-d] BACKGROUND NOT SHOWING IN FIREFOX, BUT IN IE 7.0 / REPHRASED QUES TION 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/
