CSS/Header Question

[mooapo]

I am wanting to place an Empty Header with a background-color: #FFF; at the Top of my index.php.

Example :
<!-- XHTML -->
<div id=" header"></div>

/* CSS Rules */

#header {
background-color: #FFF;
width: 800px;
height: 150px;
margin: 0 auto; <!-- Position to Top and Center -->
padding: 0px;
}

I do not want it nested inside a <div id="wrapper"></div> . The <div id="nav"></div> will not be nested inside the header, it will be under it. And the Nav to will not be within a wrapper div.

I guess what I am asking is, is my code right? And must I nest all my Mark Up within a Wrapper Div?

Please forgive me for un proper HTML and CSS syntax. I am here to learn.

Thank you

[Frank62]

I guess what I am asking is, is my code right? And must I nest all my Mark Up within a Wrapper Div?

Your code is alright. And you should wrap all the divs in one big wrapper (e.g. #grandContainer) that you can center and give a fixed with. Unless you want to use the whole width of the window, but since 1024 is making a comeback, a fixed width of 960 to 980 px is generally best.

[mooapo]

Your code is alright. And you should wrap all the divs in one big wrapper (e.g. #grandContainer) that you can center and give a fixed with. Unless you want to use the whole width of the window, but since 1024 is making a comeback, a fixed width of 960 to 980 px is generally best.

Thank you so much for your advice. It was very helpful.....


Thank you Frank.