CSS "Width" IE help!

pushVTEC · May 16, 2005

http://www.users.muohio.edu/pampusrm/Cleanseal/ is the site i'm working on

I have width: 900px; because I want the width of the body element to be 900px. It works fine in netscape, mozilla, etc but not in IE, why is that?

body{
width: 900px;
margin: 15px auto;
font-family: verdana;
font-size: 12px;
height: 800px;
}

notfred · May 16, 2005

because IE sucks. do this:

<body>
<div width="900px">
</div>
</body>

pushVTEC · May 16, 2005

Ok so now I got the width to be 900 by making a new div for the entire body and resizing that div. Now the problem is I can't get it to float in the center of the screen. Margin 15px auto; works fine for netscape and firefox type browsers but not IE

Snapster · May 16, 2005

Yes the width on body is ignored by IE, use width on DIV instead.

pushVTEC · May 16, 2005

Ok so I fixed the width, why wont it float in the center now? Here is my css for the "the_body" div

#the_body{
background-color: #BACFE7;
min-height: 800px;
width: 900px;
margin: auto;
}

screw3d · May 16, 2005

Originally posted by: pushVTEC
Ok so I fixed the width, why wont it float in the center now? Here is my css for the "the_body" div

#the_body{
background-color: #BACFE7;
min-height: 800px;
width: 900px;
margin: auto;
}

instead of margin: auto;, use this instead:

margin-left: auto;
margin-right: auto;

pushVTEC · May 16, 2005

Originally posted by: screw3d

Originally posted by: pushVTEC
Ok so I fixed the width, why wont it float in the center now? Here is my css for the "the_body" div

#the_body{
background-color: #BACFE7;
min-height: 800px;
width: 900px;
margin: auto;
}

Click to expand...

instead of margin: auto;, use this instead:

margin-left: auto;
margin-right: auto;

nope, still stuck hanging on the left

screw3d · May 16, 2005

Originally posted by: pushVTEC

Originally posted by: screw3d

Originally posted by: pushVTEC
Ok so I fixed the width, why wont it float in the center now? Here is my css for the "the_body" div

#the_body{
background-color: #BACFE7;
min-height: 800px;
width: 900px;
margin: auto;
}

Click to expand...

instead of margin: auto;, use this instead:

margin-left: auto;
margin-right: auto;

Click to expand...

nope, still stuck hanging on the left

oh right.. try adding this:

body {
text-align: center; //set div to center in IE
}

#the_body {
text-align: left; //reset text alignment to left
}

pushVTEC · May 16, 2005

Originally posted by: screw3d

Originally posted by: pushVTEC

Originally posted by: screw3d

Originally posted by: pushVTEC
Ok so I fixed the width, why wont it float in the center now? Here is my css for the "the_body" div

#the_body{
background-color: #BACFE7;
min-height: 800px;
width: 900px;
margin: auto;
}

Click to expand...

instead of margin: auto;, use this instead:

margin-left: auto;
margin-right: auto;

Click to expand...

nope, still stuck hanging on the left

Click to expand...

oh right.. try adding this:

body {
text-align: center; //set div to center in IE
}

#the_body {
text-align: left; //reset text alignment to left
}

Awesome that worked, thanks a lot! Now I just need to figure out how to get my reasons boxes to line up properly in IE and netscape/mozilla. Looks PERFECT in mozilla right now, arg.

Search

CSS "Width" IE help!

pushVTEC

Senior member

notfred

Lifer

pushVTEC

Senior member

Snapster

Diamond Member

pushVTEC

Senior member

screw3d

Diamond Member

pushVTEC

Senior member

screw3d

Diamond Member

pushVTEC

Senior member

TRENDING THREADS