CSS Forum

**boxiom** · 11-30-2009, 01:14 AM

I tried reading all the tutorials in the sticky topic, copied them exactly.

My page isnt centering

Here is the HTML and CSS inline:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
    background-color: #000;
    text-align: center;
}

#container {
  margin: 0 auto;
  width: 960px;
  }

#networkbar {
    position:absolute;
    left:0px;
    top:0px;
    width:960px;
    height:15px;
    z-index:1;
    background-image: url(COD/images/network_bar.jpg);
}
#banner {
    position:absolute;
    left:0px;
    top:15px;
    width:960px;
    height:113px;
    z-index:2;
    background-image: url(COD/images/header.jpg);
}
#linkbar {
    position:absolute;
    left:0px;
    top:128px;
    width:960px;
    height:20px;
    z-index:3;
    background-image: url(COD/images/nav.jpg);
}

#content {
    position:absolute;
    left:0px;
    top:150px;
    width:960px;
    height:0px;
    z-index:4;
}
body,td,th {
    color: #FFF;
}

-->
</style>
</head>

<body>
<div id="container">
<div id="content">Hello Welcome to my website. I am trying to center my text but its not worknig and im extreme mad now. So i will continue to try and hopefuly it will work. Most likley not because god hates me. but its all good. </div>


<div id="networkbar"></div>
<div id="banner"></div>
<div id="linkbar">dsfdsfsd</div>
</div>
</body>
</html>

**whatsherface_21** · 11-30-2009, 01:40 AM

Code:

#container {
  margin: 0 auto;
  width: 960px;
  position:relative
  }

**LadynRed** · 12-03-2009, 10:25 AM

An even better solution would to just get rid of all the unnecessary absolute positioning, you're just asking for trouble, especially with IE.

**mcook** · 12-03-2009, 01:14 PM

I agree with the poster above get rid of all absolute positioning. There is a very helpful tutorial about this on webdesignerwall that I was looking at earlier. I don't know if I can post a link?