Making A web page center

mary · 02-22-2008

How to make a web page contents in the center..
Like this biorust website for example..
Some web page is not in the center..but i want to know how to make it placed in the center..

Cheers

**tamlin** · 02-22-2008

Try using the Search tool (top right of the screen). This question has been asked (and answered) many times:

http://forums.biorust.com/html-php-a...centering.html (Centering...)

http://forums.biorust.com/html-php-a...g-website.html (Need help centering website)

http://forums.biorust.com/html-php-a...eamweaver.html (Problem with layers and centering in Dreamweaver)

Telos · 02-22-2008

Code:

div#wrapper {
width: 700px;
margin: 0 auto;
}

Code:

<div id="wrapper">
</div>

Remember to use the correct doctype: A List Apart: Articles: Fix Your Site With the Right DOCTYPE!

mary · 02-22-2008

Thanks....
Sorry i didnt know we can do search...hehe...
I did it! I have to put two things...
1) one is this css script

<style type="text/css">

</style>

2)and the <centre></centre> quote inside the <body></body>

cancer10 · 03-22-2008

<center>
Anything here....
</center>

bluemermaid · 04-21-2008

Hi Mary ~
This may be the same thing you already figured out but this is what I use:

* {
margin: 0;
padding: 0;
}
body {
text-align: center
}
#page {
margin: 0 auto;
width: 960px;
text-align: left;
}

Jacorre · 04-23-2008

The most common way now is using CSS and setting the left and right margins to auto for your containing div, as has been stated. The only downside to this is that it doesn't work in older versions of IE. If you don't care about that, then you're all set.

If you do care about older versions of IE, then the way around it is by setting the text align to center for the body. But doing this will center everything! So then you'll have to set the text align to left for any areas where you don't want the text to be centered.