CSS help - Div posistioning...

Hi all

I've always centered a div in CSS by using:

#container {
width: 80%;
border: 4px solid black;;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

But now I've started using dreamweaver and this is not happening. Any ideas?

I'm trying to use a grey backgound (#cccccc) and a div (or container) with a white background for the conent spreading 80% accross the page.

 

Got it now Thanks!!

Position=Fixed!!!

 

I'm not sure that position:fixed; is necessarily your answer?! Using position:fixed; (which incidentally isn't supported by IE6) your container is positioned according to the 'absolute' model and taken out of the flow of the page... which does not normally lend itself to being centered by setting the left and right margins to auto.

However, the 2 semi-colons at the end of this line:

are likely to cause rendering issues with your CSS.

 

Thanks for that w3d, you was right in saying that it didn't centre my page. Still working on it.

 

Would it work to set margin-left:10%; or does it not support percentages in the same way?

 

Spot on Pc-XT. Thank you!!