CSS Forum

**Valiant** · 01-15-2008, 03:36 PM

Here is a screen print:

http://sixpop.com/images/file/84541562.jpg

Heres the coding:

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AquaLoad</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
	<div id="header"></div>Webmaster-Talk.com - Post New Thread
    <div id="body"><div id="content"><p>When i add content here, and it goes onto the next line, the design doesnt break! OMFG</p></div>
  </div> 
    <div id="foot"></div>
</div>
</body>
</html>

Code:

body{
	background: #2b2b2b;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#container {
		margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		width: 800px;
		margin: 0 auto 0 auto;
}
#header{
	background: url("head.jpg");
	height: 180px;
	margin: 0 auto 0 auto;
}
#body{
	background: url("body.jpg");
	height: 100%;
	margin: 0 auto 0 auto;
}
#content{
	padding-right: 150px;
	padding-left: 150px;
	text-align: left;
}
#foot{
	background: url("foot.jpg");
	height: 60px;
	margin: 0 auto 0 auto;
}

Thanks for any help in advanced!

**LadynRed** · 03:49 PM

Put a proper DOCTYPE on your page !

Then add this to your CSS:

#content p{
margin: 0;
padding: 0;
}