background image won't display in Firefox

Discussion in 'CSS' started by lilycat98, Apr 29, 2008.

  1. #1
    Hi everyone. I am writing because one image on my site is a background image. It won't display in Firefox, but it will in IE. I will paste the CSS code here. It is under .body it is the image called web/images/home_02.jpg

    Thanks anybody who can help! I really appreciate it. :)

    .container {
    clear: both;
    float: none;
    height: 602px;
    width: 852px;
    margin: auto;
    background-color: #FFFFFF;
    }
    .body {
    clear: both;
    height: 497px;
    width: 850px;
    float: none;
    margin: auto;
    background-image: url(web/images/home_02.jpg);
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    }
    .header {
    margin: auto;
    clear: both;
    float: none;
    height: 103px;
    width: 850px;
    }
    .nav {
    float: left;
    height: 497px;
    width: 217px;
    }
    .bottomnav {
    height: 20px;
    width: 300px;
    float: right;
    clear: right;
    margin-right: 0px;
    margin-left: 30px;
    padding: 250px;
    background-repeat: 1;
    }

    .textbox {
    float: left;
    height: 250px;
    width: 310px;
    padding-top: 45px;
    padding-right: 5px;
    padding-bottom: 50px;
    padding-left: 30px;
    }
    #apDiv1 {
    position:static;
    width:364px;
    height:28px;
    left: auto;
    top: 584px;
    }

    .bodytext {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    color: #FFCC99;
    }
    a:visited {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    color: #FFCC99;
    }
    a:link {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    color: #FFCC99;
    }
    a:hover {
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    color: #CC6600;
    }
     
    lilycat98, Apr 29, 2008 IP
  2. Little bunny

    Little bunny Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    i was also facing the same problem when i was new in using css
    that problem can be solved only in one way if u declear a div then
    define all background properties of ur page in the id of that div like that

    ***html code

    <body>
    <div id="abc">
    .........what ever you want to do in body section
    </div>
    </body>


    ***css code
    #abc{
    height: 497px;
    width: 850px;
    float: none;
    margin: auto;
    background-image: url(web/images/home_02.jpg);
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px
    }
     
    Little bunny, Apr 29, 2008 IP
  3. lilycat98

    lilycat98 Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you for responding so quickly. I was trying to change it, but it still was having issues. I'm new to this so it's like pulling teeth sometimes. I totally changed the layout and somehow got it to work now. Thanks again!
     
    lilycat98, Apr 30, 2008 IP