1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

background image won't display in Firefox

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

0
  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