Background-color wont show up

Discussion in 'CSS' started by nikjames, Jun 26, 2009.

0
  1. #1
    I cant get the background color in #container2 to show up... any ideas?

    heres the HTML and CSS

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title></title>
    <link href="practice.css" rel="stylesheet" type="text/css" />
    </head>


    <body class="container">



    <?php
    include
    ('header.php');
    ?>

    <?php
    include
    ('mainnave.php');
    ?>


    <div id="container">
    <div id="left">

    <a class="normallink" href"http://wwww.coolamericanenglish.com">Home</a>
    <h1 class="header1"> Welcom Son!</h1>

    </div>

    <div id="rightdiv">
    <div id="blackdiv">
    <img src="images/black.gif" />
    </div><br />

    <div id="otherdiv">
    </div>
    </div>

    </div>


    </body>

    </html>



    CSS:

    .container
    {width: 100%;
    margin:0;
    padding:0;
    background-color: #CBCBCB;}

    #header {
    height: 143px;
    width: 100%;
    background:url(images/Untitled-2_01.gif) repeat-x;
    }
    #mainnav {height: 51px;
    width:100%;
    background-image:url(images/Untitled-2_02.gif);
    background-repeat:repeat-x;
    }
    #container {
    width: 994px;
    background-color: #FFFFFF;
    margin:auto;

    }
    #left {width: 633px;
    float: left;
    margin:5px;

    }

    .header1 {
    color:#FA7A09;
    margin: 10px 0;
    font-family: "Trebuchet MS",Verdana,Helvetica;
    font-size: 44px;
    font-weight:bold;

    }
    #rightdiv {
    display: inline;
    width:324px;
    float:right;
    margin: 10px 5px 10px 12px;

    }
    #blackdiv {
    width:324px;
    }
    #otherdiv { width:324px;
    height: 125px;
    background-image:url(images/other.gif);
    margin: 5px 2px;
    }
    .normallink
    { font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    }
     
    nikjames, Jun 26, 2009 IP
  2. Istvan

    Istvan Well-Known Member

    Messages:
    1,544
    Likes Received:
    43
    Best Answers:
    0
    Trophy Points:
    175
    #2
    container2?? all I can see is .container and #container... please give details.

    regarding the .container applied to body you can remove it and simply write
    
body
{width: 100%; 
margin:0;
padding:0;
background-color: #CBCBCB;}
    Code (markup):
     
    Istvan, Jun 26, 2009 IP
  3. ice_cube

    ice_cube Peon

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    can not find #container2, and agree with Istvan, you no need class .container...just put all that code in body section...
     
    ice_cube, Jun 26, 2009 IP