CSS Background IE / FF

  • reinhardt

    (@reinhardt)


    16 years, 5 months ago

    Hi,
    I am using the following css-code for my background:

    #content {
idth: 1005px;
	margin: 0px auto 0px;
	padding: 0px;
	background: #FFFFFF url(http://www.dodgers-baseball.de/wp-content/themes/vertigo-enhanced-20/images/bg6.gif) repeat;
}

    And it looks different on IE (this is the way it should look) and FireFox

    http://www.dodgers-baseball.de/herren/

    The lightblue is over the complete page and in FF I see no light blue background…

Viewing 2 replies - 1 through 2 (of 2 total)
  • drewactual

    (@drewactual)

    16 years, 5 months ago

    firefox is right, ie is the goofy one when it comes to rendering exactly what you specify… that being said:

    in your background declaration you have a color specified (#ffffff or white), and then an image….. you gotta ask yourself which is the browser going to obey? Firefox will obey the last command given and disregard the first…. IE, not so much…

    there may be a reason why you did it that way, and if that is the case separate the declarations like such :

    background-color: #ffffff;
    background-image: url(‘/yourimage.image’);

    better yet, just expect FF to behave differently than IE and cope with it by:

    background-color: blahh;
    background-image:blah;
    _moz-background-image:blah;
    _mox-background-color:blah;

    that may help you out, or it may not….let me know?

    drewactual

    (@drewactual)

    16 years, 5 months ago

    huh- just relookd your snippet of css, missed it the first time:

    there is no ‘;’ between your color (#ffffff) and the url statement….. that will really goof up FF but IE will look right past it and keep going… but even said, you need to separate those two declarations.

    if you are using them like that for a reason, could you tell me why? am curios is all…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS Background IE / FF’ is closed to new replies.