~davidLaakso wrote: >David Bailey wrote: > > >>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 >> >>The css validates okay, but must be a FF quirk? >> >>David >> >> >> > >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 ______________________________________________________________________ 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/
