View Full Version : Header Problem

12-25-2007, 03:05 AM
I am having a problem positioning a header.

This is sort of a noobish thing, one might say.

http://uploadthis.net/lucas/site/site.php is the site.

As you can see, the little octopus w/ bomb and the title is misplaced. I can't seem to change it.

Also, the CSS is at http://uploadthis.net/lucas/site/style.css

Please tell me what I can do to fix this, how I could optimize my code, and any mistakes you catch.

Don't worry, it's only about 70 lines of code total.

12-25-2007, 03:15 AM
Hello theawesomelucas - Merry Christmas!

Sometimes, during development, it helps to put a different background color on each div. Your header is 790px wide while the #333333 #container is only 760px.

#container {
width: 760px; margin: 200px auto 50px auto;
padding: 25px 0 25px 0;
text-align: left;
background: #333333;
font-family: Verdana;
#news {
padding: 10px;
#header {
margin: 0 auto 0 auto;
width: 790px;
height: 197px;
background: url('img/bg.png') no-repeat bottom;

Check the suggestion about validating often in my sig below.
You should really think about styling from your CSS and not using inline styles too. It makes it a LOT easier to debug or change later.

12-25-2007, 03:17 AM
validate for html, you have 3 error or less:


validate for css, but after html validation


best regards