<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
#cabecalho {
background-color: red;
border: 1px solid black;
}
#lateral {
background-color: blue;
border: 1px solid black;
float: left;
width: 30%;
min-height: 200px;
}
#conteudo {
background-color: yellow;
border: 1px solid black;
float: right;
width: 68%;
min-height: 200px;
}
#rodape {
background-color: green;
border: 1px solid black;
clear: both;
}
#container {
width: 640px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="container">
<div id="cabecalho">
<h1>Site do Jamanta</h1>
</div>
<div id="lateral">
<ul>
<li>Home</li>
<li>...</li>
</ul>
</div>
<div id="conteudo">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse semper odio in dui. Donec iaculis. Vestibulum justo. Donec accumsan, justo vel pharetra varius, libero mauris ultrices nisl, at pulvinar enim nulla vitae nunc. Duis imperdiet ultrices nisi. Sed blandit. Praesent sed mi non nulla pulvinar ultricies. Sed ultricies libero vitae nulla. Nunc suscipit nisi eget pede. Curabitur feugiat ipsum vel nibh. Pellentesque cursus lectus id quam. Cras nec tellus sit amet urna mollis ornare. Nulla facilisi. Aliquam erat volutpat. Suspendisse potenti. Nam porta quam. Morbi tincidunt blandit est.</p>
</div>
<div id="rodape">
<h6>Bruno - 2009</h6>
</div>
</div>
</body>
</html>
Comentários