...

View Full Version : Header Problem



theawesomelucas
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.

Excavator
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.

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

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fuploadthis.net%2Flucas%2Fsite%2Fsite.php

validate for css, but after html validation

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fuploadthis.net%2Flucas%2Fsite%2Fsite.php

best regards



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum