Bumpedy-bump
I'm fooling around with css atm
here's the code
see it in action:
http://spookysushi.com/zuki
<!DOCTYPE html>
<html>
<head>
<title>Spooky Sushi</title>
<style>
body
{
background-color: #E0E0E0;
text-align:center; /*for the stupid thing known as IE6 */
}
*
{
margin: 0;
padding: 0;
}
#normal
{
text-align: left;
color: FFFFFF;
}
#thepage
{
background:#00000;
border:1px solid #CCC;
width:960px;
margin:0px auto;
}
div p
{
text-align:center;
font-size: 20px;
color: white;
}
#wrapper
{
width:960px;
margin:0 auto;
text-align:left;
}
.header
{
height:50px;
background:#2C4762;
border:1px solid #CCC;
width:960px;
margin:0px auto;
}
</style>
</head>
<body>
<div id="wrapper">
<div class="header"><p>how do I change the text right here</p></div>
<div id="thepage">
<p id="normal">some content</p>
</div>
</div>
</body>
</html>I have a problem though
See how I made the webpage centered? Also, do you see how the background color (not the header) is light grey?
I was wondering how I could make the space under the header thing white, not grey
is there any way to do this without defining a certain amount of pixels
so that way if the page stretches the space under the header is still white
