Background Color outside container????

• 

  scottgrogan · Member · Dec 2, 2010 at 1:07 am

  • Copy link
  • Add topic to favorites

  hi there,
  im new to html and css, I have a problem with whitespace outside my container.

  Heres my css:

  body#intro a#homenav,
  body#gallery a#galnav,
  body#tour a#tournav,
  body#contact a#connav,
  body#bandbio a#bandnav,
  body#disc a#discnav,
  body#contact a#contnav
  {
  color: black;
  background: white;
  }

  #container
  {
  margin: 0 auto;
  width: 950px;
  background-color:black;
  }

  #header
  {
  background-color:black;

  }

  #header h1 { margin: 0; }

  #navigation
  {
  float: left;
  width: 900px;
  background-color:black;
  }

  }
  #navigation ul
  {
  margin: 0;
  padding: 0;
  }

  #navigation ul li
  {
  list-style-type: none;
  display: inline;
  }

  #navigation li a
  {
  display: block;
  float: left;
  padding: 5px 10px;
  color:white;
  text-decoration: none;
  border-right: 2px black;
  }

  #navigation li a:hover {
  background:white;
  color: black;
  }

  #content
  {
  color:white;
  clear: center;
  padding: 50px;
  text-align: left;
  margin: 0 auto;
  }

  #content h2
  {
  color:white;
  font-size: 160%;
  text-align: left;
  }

  #footer
  {
  background-color:black;
  text-align: center;
  color:white;
  padding: 20px;

  }
  #form
  {
  text-align: center;
  }

  can anybody help me with this?
  thanks in advance..

• 

  thesacredpath · Member · Dec 2, 2010 at 1:46 am

  • Copy link

  We need a link to the blog you are talking about.