Centering the page with css question

**MithrilRain** · 09-09-2004 08:57 PM

Once again i have a simple question i am sure.

I am trying to center a page using CSS and not having much luck in IE. The following code works with Netscape and Mozzila. Any suggestions would be greatly appreciated!!

<html>
<head>
<STYLE TYPE='text/css'>
body { width: 800px; margin: 0 auto; }
</STYLE>
</head>

<body>
This is a test of page centering
</body>
</html>

**ray326** · 09-09-2004 11:32 PM

First try using a full valid doctype to put IE into standards mode. If that doesn't work then you have to use text-align:center to get IE to center things; it doesn't understand margin:auto.

**Daniel T** · 09-10-2004 12:13 AM

Originally posted by ray326
it doesn't understand margin:auto.

IE6 does, just not older versions of IE.

**davidbrent** · 09-10-2004 09:13 AM

opera dooesn't understand margin: 0 auto;

**Fang** · 09-10-2004 09:59 AM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>center contents</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {text-align: center}
#alignment {text-align: left; margin: auto auto; width:60%;}
p {background:red;}
-->
</style>
</head>
<body>
<div id="alignment">
<p>contents</p>
</div>
</body>
</html>

**MithrilRain** · 09-10-2004 12:11 PM

Thanks all, your help has been invaluable!!!

Thread: Centering the page with css question

Thread Tools

Display

Centering the page with css question

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions