background image missing in firefox

  • Resolved utskiboo

    (@utskiboo)


    17 years, 1 month ago

    I have some problems with my Background image in Firefox.

    http://www.utskiboo.dk/wordpress

    I have placed my Background image inside an #innerwrap div and to prevent the footer from jumping up to the header i had to switch from position:absolute to position:relative, but that is making my bg image disappear. It looks fine in IE for some reason.

    I’ve been searching for a solution for 2 days now, but couldn’t find one 🙁

    Can anyone enlighten me on this issue?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Ben Sutcliffe

    (@bsutcliffe)

    17 years, 1 month ago

    Why not make the background image a property of the body tag?

    Thread Starter utskiboo

    (@utskiboo)

    17 years, 1 month ago

    Cause in the body i already have the header background full width.
    and i i include the header in the innerwrapper it completely messes up and wont show anything.

    Ben Sutcliffe

    (@bsutcliffe)

    17 years, 1 month ago

    You could go for:

    html {
  background-image: <!-- Body bg -->
}
body {
  background-image: <!-- Header bg -->
  background-repeat: repeat-x;
}
    Thread Starter utskiboo

    (@utskiboo)

    17 years, 1 month ago

    I appreciate your help, but i’m not sure this is the way to do it, The problem is that my content is centered, and i can’t seem to center the html bg the same way…

    t31os

    (@t31os)

    17 years, 1 month ago

    Try removing this empty style bit…

    <style type="text/css" media="screen">

</style>

    And fix any unclosed tags …

    http://validator.w3.org/

    It’s the element (#innerwrap) that’s the problem, but it could be having those problems as a result of invalid mark-up.

    Thread Starter utskiboo

    (@utskiboo)

    17 years, 1 month ago

    thanks for helping me out guys, but I picked another way around.

    I made innerwrapper position absolute (to show the bg image), and i forced the footer to the bottum…

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘background image missing in firefox’ is closed to new replies.