CSS probs 1

[manicleek]

I have a site using a css for the layout

It is a centre aligned site using the following code:

#grey-column
{
width:760px;
min-height: 100%;/* for moz and others*/
margin-left: auto;
margin-right: auto;
background-color: #cccccc;
background-image:url(/site_images/bodyback3.jpg);
}

This looks fine in ie6 and firefox but on ie5 it is aligned to the left, can anyone tell me why?

 

[Vragabond]

IE5 does not support the margin: auto thing because it is old, outdated and poorly supports the standards. If you want it centered in that browser, you need to embed it in another element that centers its text:

body 
{
  text-align: center;
}

#grey-column
{
  width:760px;
  min-height: 100%;/* for moz and others*/
  margin-left: auto;
  margin-right: auto;
  background-color: #cccccc;
  background-image:url(/site_images/bodyback3.jpg);
  text-align: left;
}