Some differences between IE en FF

[tijmen_4real]

Hi !

I got a banner on my forum index. It should look like this (and does in Mozilla FF):


But in IE7 and 8 it looks like this: (floating above)


It controlled with this code

And a similar problem is going on with the background image of the board.
Mozilla FF:


IE: (no image)


Controlled with the code in Main CSS, part BODY:

#ffffff url(http://www.deorvanheemskerk.nl/images/bg_body.gif)

How does this have to change in order to work correctly in both browsers?
Greetz,

Tijmen

[Lynne]

It's very hard to figure out what is going on from just images. In the first one, perhaps there is an extra line break. Or, maybe some padding. As for the second one, again, hard to tell - look at all the different class affecting the area and see what the 'last' class is that is called and if it's overwriting the background you want.

[Collectoville]

paste this CSS into your body { } and your background should work on both browsers... also be sure your body css is not defined as class (.body) or id (#body)

background: #FFF url(images/bg_body.gif) repeat-y fixed center top;

about the image problem: looks like a "width" problem to me. Be sure your divs' widths and paddings are not "crossed" in any way (i.e. having a main div container with 500 width, and a float:left div 300width, plus a float:right div with 350width, will result in a "vertical problem" like the one you're experiencing. Explorer does it right, whenever total width exceeds container's width (paddings included), it puts a <br>, while mozilla seems to mostly "ignore" wrong paddings).

[tijmen_4real]

Originally Posted by Collectoville

paste this CSS into your body { } and your background should work on both browsers... also be sure your body css is not defined as class (.body) or id (#body)

background: #FFF url(images/bg_body.gif) repeat-y fixed center top;

Thanks, but this code gives me a blank background in both browsers

[Collectoville]

Originally Posted by tijmen_4real

Thanks, but this code gives me a blank background in both browsers

Maybe you just have to find the best css setup depending on your bg image's width and/or height Try
'

background: #FFF url(http://www.deorvanheemskerk.nl/images/bg_body.gif) repeat center top;

[tijmen_4real]

Yes, i found the answer throught this link !!!

--------------- Added [DATE]1243104900[/DATE] at [TIME]1243104900[/TIME] ---------------

Fixed the other problem too:
changed top - left -> bottom - left
And removed the vertical alignment of the text

Thanks for giving me the right 'push' !!