main content not centering in ie 6

buzzlightweight · 3 Aug 2011 at 19:25

ok i know ie 6 is old but this is bugging me, i have an <img> imbeded in my body tag which is centered but the container <div> will not center, does anyone have an idea why?

this is the css for it

/*----------- tag selectors ------------------*/

html {
background-color:#999;
}

body {
margin:0;
padding:0;
background:url(../_images/body_bg.jpg) repeat-y center top;
}

a {
text-decoration:none;
color:#fff;
}

p {
font-size:14px;
color:#fff;
text-transform:uppercase;
}

h1 {
text-transform:uppercase;
font-size:14px;
}

/*-------------- header ---------------*/

#container {
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:50px;
width:920px;
height:700px;
background-color:#333333;
}

Muel · 3 Aug 2011 at 20:43

Post your HTML as well, and preferably a url to a working page.

buzzlightweight · 3 Aug 2011 at 21:07

ok the website is here

and this is my HTML

buzzlightweight · 3 Aug 2011 at 21:09

sorry if that img is not very clear try this

http://i1090.photobucket.com/albums/i373/3uzzlightweight/Capture-2.jpg

FabienO · 3 Aug 2011 at 21:15

body { text-align: center; }

then your main content container div

#container { text-align: left; }

buzzlightweight · 3 Aug 2011 at 21:26

FabienO said:
body { text-align: center; }

then your main content container div

#container { text-align: left; }

ty so so much

i dont suppose you know how to stop the body <img> from over flowing?

i did try overflow:hidden; but i didnt work.

Muel · 3 Aug 2011 at 21:36

The following is from memory, haven't got time to test.

Could just add the following instead:

body{
position:relative;
}

IE6 needs position:relative; to be on containers to center stuff using margin:auto;

Faffing with text-aligns is risky and bodgey IMO. Could be inherited by accident!

Can't test this on yours though, as I can't recreate the problem.

buzzlightweight · 3 Aug 2011 at 22:00

Muel said:
The following is from memory, haven't got time to test.

Could just add the following instead:

body{
position:relative;
}

IE6 needs position:relative; to be on containers to center stuff using margin:auto;

Faffing with text-aligns is risky and bodgey IMO. Could be inherited by accident!

Can't test this on yours though, as I can't recreate the problem.

no bother budy i will test it now and let you know how it goes, ty very much for your time

buzzlightweight · 3 Aug 2011 at 22:02

Muel said:
The following is from memory, haven't got time to test.

Could just add the following instead:

body{
position:relative;
}

IE6 needs position:relative; to be on containers to center stuff using margin:auto;

Faffing with text-aligns is risky and bodgey IMO. Could be inherited by accident!

Can't test this on yours though, as I can't recreate the problem.

no position relative did not fix it

eXor · 4 Aug 2011 at 09:14

You may want to get a second opinion by running XP + IE6 in a VM.

IETester has some minor glitches that sometimes distort reality.

buzzlightweight · 4 Aug 2011 at 17:41

eXor said:
You may want to get a second opinion by running XP + IE6 in a VM.

IETester has some minor glitches that sometimes distort reality.

lol it bends space and time!

i use IE 6 at work so i know if it works or not

Dj_Jestar · 4 Aug 2011 at 19:25

IETester is pretty poo for IE6 testing in all honesty. Great for the other versions though.

buzzlightweight · 4 Aug 2011 at 20:40

Dj_Jestar said:
IETester is pretty poo for IE6 testing in all honesty. Great for the other versions though.

shame when the developers tool bar only goes to IE 7