0

Hello I am trying to add a Image to my header where it will show the body background but it is not doing as i need, here is my code

C:\Users\SureShotM\Main.cssbody
{
background-color:#4E9258;
}

#container
{
margin: 0 auto;
width: 700px;
background:#fff;
}

#header
{
background-image:url('MineMad.png');
background-repeat:no-repeat;
background-position:left top;
padding: 120px;
}

#header h1 { margin: 0; }

#content
{
clear: left;
padding: 20px;
}

#content h2
{
color:#000;
font-size: 160%;
margin: 0 0 .5em;
}

#footer
{
background:#ccc;
text-align: right;
padding: 20px;
height: 1%;
}
3
Contributors
5
Replies
35
Views
4 Years
Discussion Span
Last Post by SureEM25
0

Hi SureEM25,

Your padding could be hiding it - 120px is huge. How big is your header container?

0
<div id="container">

<div id="header">

</div>
<ul id="menu">
  <li><a href="#">Home</a></li>
  <li><a href="#">About Us</a> 
    <ul>
      <li><a href="#">The Team</a></li>
      <li><a href="#">History</a></li>
      <li><a href="#">Vision</a></li>
    </ul>
  </li>
  <li><a href="#">Products</a> 
    <ul>
      <li><a href="#">Cozy Couch</a></li>
      <li><a href="#">Great Table</a></li>
      <li><a href="#">Small Chair</a></li>
      <li><a href="#">Shiny Shelf</a></li>
      <li><a href="#">Invisible Nothing</a></li>
    </ul>
  </li>
  <li><a href="#">Contact</a> 
    <ul>
      <li><a href="#">Online</a></li>
      <li><a href="#">Right Here</a></li>
      <li><a href="#">Somewhere Else</a></li>
    </ul>
  </li>
</ul>

<div id="content">
</div>

<div id="footer">
</div>
</div>

here is the html that goes with the css note this is not the actualy content becuase I was coping from one of my practice sites.

Edited by SureEM25

0

ok figured it out, I had a background to the container its self.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.