container not centered

[Bazzaah]

Hi

 

I have a question, hope someone can help me please.

 

If have a header and container set up like this;

 

/* header */

#header {
position: absolute;
  	top:0;
  	left:0;
  	width:100%;
}

/* container  */

#container{
position: absolute;
margin-left: auto;
margin-right: auto;
width: 950px;
margin-top: 120px;
}

 

The header goes where it should be but the container is stuck on the left margin, but with the margin-left and margin-right set to auto, I thought the container should be centered. I'd like the centering to be automatic as I'm using a fixed width.

 

Any ideas on why that's not happening?

 

If you need further info to help then please say.

 

Thanks in advance for any help

[Frank P]

Those two don't go together: margin:auto and position:absolute. See here for (cross-browser) centering methods: How to Center in CSS.

[Bazzaah]

Thanks, all sorted - admirably clear blog too!

 

It all went a bit pear shaped when I positioned my header 'absolute' to stop it covering up a box.

 

Much appreciated.

[Frank P]

admirably clear blog too!

Thank you. 

 

It all went a bit pear shaped when I positioned my header 'absolute' to stop it covering up a box.

That's  (another reason) why I didn't give a concrete advice - you must have had a reason why you gave it a position:absolute.