Centering

[benji87]

Hi everyone, im having my first go at using CSS for layout so apologies if this is all wrong!

 

I am trying to centre my divs in the middle of the page but for some reason it seems to place it 75% accross the page. Ive tried using text-align to override the bug in IE 6 i think it is but it doesnt seem to be helping it. Ive also tried putting each div's left space to 50% but still the same effect  :-\

 

Can anyone tell me what im doing wrong please? Ive tested this in IE 7 and Firefox 2.0. Here is my url: www.alns.co.uk/plm

 

Cheers guys

[obsidian]

To center a div on the page, there are two steps:

 

1) Set your width

2) Set your left and right margins to auto

 

That's really all there is to it. When you have a layout set that you want to center the whole thing, just place a wrapper div around it and apply the centering steps to that div:

 

CSS:

#wrapper {
  width: 720px;
  margin: 0 auto;
}

 

HTML:

<div id="wrapper">
  <!-- Page content here -->
  <p>Look, ma! I'm centered!</p>
</div>

 

Good luck!