New Topic/Question
Reply
I can't seem to get everything perfectly centered in any browser. Here's my index.html file:
<!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" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>I hate everything.</title>
</head>
<body>
<div id="container">
<div id="header">
<h1>one<span class="off">two</span></h1>
<h2>"kill all humans"<br>-bender</h2>
</div>
<div id="content">
<div id="content_top"></div>
<div id="content_main">
<h2>big header. </h2>
<p> </p>
<p> </p>
<h3>slightly smaller big header</h3>
<p> not a header</p>
<p> </p>
<h3>more header business</h3>
<p> not more header business</p>
<p> </p>
<h3>what the header</h3>
<p> not a header.</p>
<p></p>
<p> </p>
</div>
<div id="content_bottom"></div>
<div id="footer"><h3><a href="http://www.bryantsmith.com">i stole a template from this man and butchered it to death</a> | <a href="http://st0rage.org">st0rage.org is the worst website in the world</a> | <a href="index.html">more links</a> | <a href="index.html">go here</a></h3></div>
</div>
</div>
</body>
</html>
Here's my style.css:
/* A Free Design by Bryant Smith (bryantsmith.com) and haxed to death by danTheSatanist */
body {
margin: 0;
padding: 0;
text-align: left;
font: 12px Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background: #FACFCF;
background-image:url(images/background.png);
background-repeat:repeat-x;
}
*
{
margin: 0 auto 0 auto;
text-align:left;}
#container
{
display: block;
height:auto;
position: relative;
width: 960px;
}
#header
{
height:85px;
width:960px;
}
#header h1
{
position:absolute;
text-align:left;
color:#FFFFFF;
font-size:43px;
color:#FFF;
left:14px;
top:18px;
}
#header h2
{
position:absolute;
text-align:right;
color:#525252;
left:290px;
top:38px;
width:400px;
}
.off
{
color:#000;
}
#content
{
display:block;
float:left;
width:689px;
height:auto;
padding-left:10px;
padding-top:15px;
padding-right:10px;
padding-bottom:5px;
}
#content_top
{
background-image:url(images/main_top.png);
background-repeat:no-repeat;
width:689px;
height:23px;
}
#content_main
{
background-image:url(images/main_back.png);
background-repeat:repeat-y;
width:659px;
padding-left:15px;
padding-right:15px;
}
#content_bottom
{
background-image:url(images/main_bottom.png);
background-repeat:no-repeat;
width:689px;
height:23px;
}
#footer
{
width:inherit;
height:auto;
}
#footer h3 a,#footer h3 a:visited
{
display:inline;
text-align:center;
font-size:12px;
text-decoration:none;
color:#FFF;
}
#content p
{
}
html, body {
text-align: center;
}
p {text-align: left;}
MultiQuote
| 