centering page

**ninersfan10** · 08-04-2010 09:47 AM

Hi,
I have a special problem:
My main page is a div and I would like it to always stay centered. I also do not want to use the "onload()" event to handle this. If i use <center> then everything inside the div is positioned relative to the screen and not the div (absolute).
Any suggestions?

**skywalker2208** · 08-04-2010 10:35 AM

can you post the code or give us a link?

**kiwibrit** · 08-04-2010 11:48 AM

Let Google be your friend

**tirna** · 08-04-2010 06:44 PM

All you need to do is wrap your content div in a div and then center the wrapper div.

Code:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
<!--

#wrapper {
width: 600px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
height: 200px;
border: 1px solid red}

-->
</style>

</head>
<body>
 
<div id="wrapper">
    <div id="content">
        <h1>Page contents go in this div</h1>
    </div>
</div>
 
</body>
</html>

**ninersfan10** · 08-05-2010 05:47 AM

thanks everyone! I also found another way though. give the div left:50%; and then
margin-left:minus half the width.

**tirna** · 08-05-2010 08:32 AM

no problem

Thread: centering page

Thread Tools

Display

centering page

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions