Jump to content

Background-repeat...


bobicool
 Share

Recommended Posts

I have littles problems with my background...Image of the disaster!Ok, here is the html code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>	<head>		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">		<title>Teen Tech Podcast, everything tech related</title>		<link rel=stylesheet href="style.css" type="text/css" media="all">	</head>	<body>		<div>			<div id="header">		</div>			<div id="menulinks">		</div>			<div id="page_top">		</div>			<div id="page_container">				<div id="mainarea">		</div>				<div id="contentarea">					<p> hello  hello  hello  hello  hello  hello  hello  hello  hello hello hello hello hello hello hello hello hello hello hello hello  hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello  hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello</p>		</div>		</div>	  			 <div id="sidebar">			 	</div>			 				<div id="footer">				<p>Créer et coder par: Raphaël Doré, tout droits réservé</p>		</div>		</div>	</body></html>

And here is the css:

body{	background-color: #3386b6;	margin:0px;	padding:0px;	text-align:center;	font-family: Arial, sans-serif, "times new roman";	font-size: 12px;	color:ffffff;}#page_top{	width:960px;	height:87px;	margin:auto;	margin-top:20px;	padding:0px;	background-image: url(images/page_top.png);}#page_container{	width:960px;	height:69px;	margin:auto;	background-image: url(images/page_container.png);	background-repeat: repeat-y;}#header{	width: 960px;	height: 104px;	background-image: url(images/header.png);	margin:auto;	padding:auto;	clear:both;}#menulinks{	width:960px;	height:72px;	background-image: url(images/menulinks.png);	clear:both;	margin:auto;}#mainarea{	width:960px;	clear:both;	padding-top:0px;}#contentarea{	float:left;	width:570px;	padding-left:45px;	margin-bottom:10px;	padding-top: 5px;}#sidebar {	float:right;	width:250px;	padding-right:175px;}#footer{	width:960px;	height:111px;	background-image: url(images/footer.png);	clear:both;	margin:auto;	padding:0px;}#footer p {	padding-top:30px;	color:#FFFFFF;	padding-left:50px;	line-height:20px;}

and for additional use... I have my complete folder available to download...If someone needs it (cause my website isn't online yet...)Zip FileThanks for the help!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...