CSS background problems in firefox

Discussion in 'CSS' started by minis_r_me, Jan 5, 2008.

  1. #1
    hello hope someone out there can help

    i am currently making a website for my local church using an external css. my site looks fine in IE but not in firefox as its not showing the body background.

    this is the code i have used

    #page {
    width: 900px;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left:44px; padding-right:44px;
    background: url('images/img02.jpg') ;
    background-repeat: repeat-y;
    }


    the url to my site is

    http://www.ropewalkmc.htmlstig.0lx.net

    that isnt shat the url is gonna be just hosted on a free hosting site for previews.

    any help would be great
    cheers
     
    minis_r_me, Jan 5, 2008 IP
  2. badremorse

    badremorse Member

    Messages:
    85
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    48
    #2
    Hiya, your going have to put a div at the bottom within the #page div.

    e.g:

    <div id="page">
    .....content
    .....content
    .....content
    .....content
    .....content
    .....content
    <div style="clear: both;"><!--IE6 FIX --></div>
    </div>

    It should 'drag' down the background, hope it helps :)
     
    badremorse, Jan 5, 2008 IP
  3. minis_r_me

    minis_r_me Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    cheers for that i have now got it so the background is almost right appart from in all browsers appart from IE there is a 1px indent in the page background but in IE it looks fine.
    if i edit the picture used i can get it so that all browsers looks ok apart from IE has a -1px indent.

    any help would be great cheers
     
    minis_r_me, Jan 6, 2008 IP
  4. jauhari

    jauhari Peon

    Messages:
    55
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Try to change the code

     
    jauhari, Jan 7, 2008 IP