Welcome to My Website!

Page Name

Note: this layout is just a simple blog, not a frames layout.

text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here

You are free to use this layout in any way except giving it away on your website (redistributing). Credit is appreciated but not required.

Here is the code:

<!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>Welcome to My Website!</title>

body {
text-align: center;
font: 11px/13px arial;
font-color: #333333;
background: #92be17;
}

#container {
position: absolute;
left: 90px;
top: 0px;
width: 677px;
height: 579px;
background-color: #92be17;
background-image: url('http://www.smileyhelper.com/images/websitelayout32.png');
}

#content {
position: absolute;
left: 40px;
top: 120px;
width: 385px;
height: 370px;
overflow: auto;
float: left;
text-align: left;
padding: 20px;
}

a:link {
font-weight: bold;
color: #999900;
text-decoration: none;
}

a:visited {
font-weight: bold;
color: #999900;
text-decoration: none;
}

a:hover {
font-weight: bold;
color: #ffc731;
text-decoration: none;
}

#nav {
list-style: none;
position: absolute;
left: 490px;
top: 380px;
text-align: center;
}

#nav li {
float: left;
}

#nav li a {
display: block;
width: 100px;
text-align: center;
color: #999900;
padding: 2px;
}

#nav li a:hover {
color: #ffc731;
}

clearer {
clear: both;
}

</style>

</head>

<body>

text here

</div>
<div id="clearer"> </div>
</div>

</body>
</html>