WordPress.org

Ready to get started?Download WordPress

Forums

CSS Background IE / FF (3 posts)

  1. reinhardt
    Member
    Posted 6 years 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...

  2. drewactual
    Member
    Posted 6 years 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?

  3. drewactual
    Member
    Posted 6 years 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...

Topic Closed

This topic has been closed to new replies.

About this Topic