fodo
11-28-2008, 05:33 PM
I am just starting a site that needs a backgound image.
Currently I cant get it to display.
test site link http://217.46.159.226/shc/
The mark up is
<?php
require ('shc_fns.php');
do_html_header();
?>
<link href="./includes/layout.css" media="screen"
rel="stylesheet" type="text/css" />
</head>
<body>
<div id="maincontainer">
<div id="contentwrapper">
<p class="p">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
<div class="innertube"><p>Spam spam spam spam spam spam
spam spam spam spam spam spam
spam spam spam spam spam spam
spam spam spam spam spam spam.</p>
<p>Spam spam spam spam spam spam
spam spam spam spam spam spam
spam spam spam spam spam spam
spam spam spam spam spam spam.</p>
</div>
</div>
</div>
</body>
</html>
The css so far is
body{
margin: 0;
padding: 0;
line-height: 1em;
background: #6EC6F1;
text-align: center;
}
#maincontainer{
width: 900px;
margin: 0 auto;
padding-top: 5px;
}
#contentwrapper{
float: left;
width: 100%;
background-image: url('/images/backgroundx900.jpg');
background-repeat: no-repeat;
width: 900px;
height: 500px;
}
.p{
color:red;
}
Currently I cant get it to display.
test site link http://217.46.159.226/shc/
The mark up is
<?php
require ('shc_fns.php');
do_html_header();
?>
<link href="./includes/layout.css" media="screen"
rel="stylesheet" type="text/css" />
</head>
<body>
<div id="maincontainer">
<div id="contentwrapper">
<p class="p">mmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
<div class="innertube"><p>Spam spam spam spam spam spam
spam spam spam spam spam spam
spam spam spam spam spam spam
spam spam spam spam spam spam.</p>
<p>Spam spam spam spam spam spam
spam spam spam spam spam spam
spam spam spam spam spam spam
spam spam spam spam spam spam.</p>
</div>
</div>
</div>
</body>
</html>
The css so far is
body{
margin: 0;
padding: 0;
line-height: 1em;
background: #6EC6F1;
text-align: center;
}
#maincontainer{
width: 900px;
margin: 0 auto;
padding-top: 5px;
}
#contentwrapper{
float: left;
width: 100%;
background-image: url('/images/backgroundx900.jpg');
background-repeat: no-repeat;
width: 900px;
height: 500px;
}
.p{
color:red;
}