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
>>>
>>>
>>> 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
Reading stuff? A good start:
* http://www.w3.org/TR/CSS21/box.html
* http://www.w3.org/TR/CSS21/visuren.html
* and from the css-d Wiki: http://css-discuss.incutio.com/?page=BoxModel
Now I've to read my own advise! ;-)
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/
