>> >>> Hi >>> >>> I would appreciate help in finding out why I can't get the >>> background >>> image to display properly in Firefox (both Mac and Win). It renders >>> fine in Safari and Opera (Mac) and in IE 6 (Win). If anyone is able >>> to check it in IE 7 I'd appreciate that? >>> page: >>> http://www.dab-hand.co.nz/testbay/eurovision/index.php >>> css: >>> http://www.dab-hand.co.nz/testbay/eurovision/styles/layout.css >> >> XP >> This image *pg_bkg_grfk.jpg* is clipped in mozilla (only the top >> 36px of >> the image shows): >> Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/ >> 20050915 >> I do not know what is causing this. >> >> There seems to be no problem in these browsers (the page appears >> identical) >> ie/6.0 >> opera/9.01 >> Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.7) >> Gecko/20060909 Firefox/1.5.0.7 >> Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) >> Gecko/20060516 SeaMonkey/1.0.2 >> >> aside: how come the 185px horizontal scroll bar at 1280 in all >> browsers? >> >> Regards, >> ~dL >> > Hi David's, > The horizontal scrollbar is due to the padding-left in the #content, > which has also a {width: 100%;}. > This is clipping the bg-img too, I think. A margin-left for the > #content-left can solve it. > The .separatorInvisible is not working in FF and others, because of > the > { height: 0; }, then it is not present. You can give it a height of > 1px > and a negative margin-bottom of -1px, then the visual result is the > same: no space is eaten. > IMO it's not a FF quirk: with proper css FF is fine, and IE needs a > correction. ;-) > > All together: see testpage > <http://home.tiscali.nl/developerscorner/css-discuss/test- > eurovision.htm>. > The results in some main browsers are save&sound here in > browsershots.org > <http://browsershots.org/screenshots/ > 56a099e7c1e1881f3c2dc81b5bfc48e7/>. > :-) > > Greetings, > francky > Hi Franky,
Thanks for all your effort! That is most helpful. I'll get to and apply your recommendations, which obviously work from your testpage. I also need to think about why these do what they do. For instance, why 100% width can't have padding, which I thought was possible as I understood padding to be internal content. I'll have to do a bit more reading! You are no doubt right about FF. I shouldn't have assumed! Thanks again for all your help! David ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/