Jump to content

Broken Layout HELP


Vivid Lust

Recommended Posts

Here is a screen print:

 

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

 

Heres the coding:

 

<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>
    <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>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;
}
</html>

 


 

Please Help me!

Link to comment
https://forums.phpfreaks.com/topic/86165-broken-layout-help/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.