<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Complex XHTML and CSS Home Page Layout Test</title>
<style type="text/css">
body {
font-family:arial,helvetica,sans-serif;
font-size:12px;
background-color: black;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#page-background {
position:fixed;
top:0;
left:0;
width:1024px;
height:100%;
margin-left: auto;
margin-right: auto;
padding: 0;
}
#wrapper {
width: 100%;
height: 90%;
margin:0px auto;
border:1px solid #bbb;
padding:0px;
background-color: darkblue;
background-image:url('/Images/MainBG.png')
}
#header {
border:3px solid #bbb;
height:80px;
padding:10px;
z-index:2;
}
#content {
margin-top:10px;
padding-bottom:10px;
}
/* applies to all divs within the content div */
#content div {
padding:10px;
border:1px solid #bbb;
float:left;
z-index:3;
}
#content-left {
width:180px;
height:300px;
}
#content-main {
margin-left:10px;
width:666px;
height:150px;
}
#content-box1, #content-box2, #content-box3 {
padding:10px;
border:1px solid #bbb;
position:absolute;
margin-top:190px;
height:120px;
}
#content-box1 {
margin-left:212px;
width:200px;
}
#content-box2 {
margin-left:444px;
width:200px;
}
#content-box3 {
margin-left:676px;
width:202px;
}
#footer {
float:left;
margin-top:10px;
margin-bottom:10px;
padding:10px;
border:1px solid #bbb;
width:878px;
}
#bottom {
clear:both;
text-align:right;
}
</style>
</head>
<body>
<div id="page-background" align="center"><img src="/Images/MainBG.png" height="100%" alt="Your Familys Dream Home">
<div id="header" z-index=2>Header</div>
</div>
</body>
</html>