vb.org Archive - Some differences between IE en FF

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)

- - Some differences between IE en FF (https://vborg.vbsupport.ru/showthread.php?t=214370)

tijmen_4real

05-23-2009 01:54 PM

Some differences between IE en FF

Hi !

I got a banner on my forum index. It should look like this (and does in Mozilla FF):
http://www.deorvanheemskerk.nl/bugs/banner_ff.JPG

But in IE7 and 8 it looks like this: (floating above)
http://www.deorvanheemskerk.nl/bugs/banner_ie.JPG

It controlled with this code

And a similar problem is going on with the background image of the board.
Mozilla FF:
http://www.deorvanheemskerk.nl/bugs/bg_ff.JPG

IE: (no image)
http://www.deorvanheemskerk.nl/bugs/bg_ie.JPG

Controlled with the code in Main CSS, part BODY:

HTML Code:

#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

05-23-2009 03:17 PM

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

05-23-2009 05:24 PM

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)

Code:

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

05-23-2009 05:29 PM

Quote:

Originally Posted by Collectoville (Post 1815855)

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)

Code:

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

05-23-2009 05:34 PM

Quote:

Originally Posted by tijmen_4real (Post 1815857)

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
'

Code:

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

tijmen_4real

05-23-2009 05:51 PM

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' !!

All times are GMT. The time now is 09:12 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.00952 seconds Memory Usage 1,726KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)bbcode_html_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (6)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: