Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

0

header/footer problem...

Started by Praise, Jul 29 2008 11:08 PM

You cannot reply to this topic
Go to first unread post

3 replies to this topic

#1 Praise

Young Padawan

Members
51 posts

Posted 29 July 2008 - 11:08 PM

theres a space below my footer and above my header, i validated the code and had to take out the center tags i used which was <center> can someone one fix this code where the header and footer dose not have a space

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<style type="text/css">
body {
background: #0066FF;
font-size:12px;
font-family:Arial;
border-top:thick;
border-top-color:#FFFFFF;
border-top-width: 800px;
border-top-height: 20px;
border-top-style:none
font-variant:small-caps;
}
#header {
background:#ffffff;
width: 800px;
height: 40px;
}
#bodycontent {
background-color:#CCCCCC;
width: 800px;
height: 500px;
postition: center;
}
#footer {
background-color:#FFFFFF;
width: 800px;
height: 40px;
}
</style>
<div id=header>header</div>
<div id=bodycontent>this is some content
</div>
<div id=footer>footer</div>
</body>
</html>

Any Recommended Tutorials? I No The Basics Want To Learn More Advanced HTML

Edited by Praise, 29 July 2008 - 11:25 PM.

Back to top

#2 Bug

P2L Staff

P2L Staff
3,611 posts

Gender:Male
Location:Perth, Australia

Posted 29 July 2008 - 11:26 PM

If you're talking about what I think you're talking about, you just need to add the following to your "body" tag in your CSS:

margin:0;

I hope this is what you were after.