estoy haciendo una pagina en dreanweaver, muy sencillo pero me falla el layout
lo que quiero corregir es la capa contenido y sidebar...ya que provocan un vacio :S ..aqui les dejo el codigo
Código:
<!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=iso-8859-1" />
<title>Home - Inicio</title>
<style type="text/css">
html, body, h1 { margin:0px; padding:0px;}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#FFFFFF; color:#666666}
#contenedor { margin:auto; width:800px;}
#cabecera { height:100px; background:#FF0066}
#banner{ height:60px; background:#33CCCC}
#sidebar{float:left; width:200px; background:#FFFF00;}
#contenido { background:#006600;margin-left:208px;}
#pie { height:30px; clear:both; font-family:Tahoma, Arial, Helvetica, Sans-serif; font-size:10px; color:#c9c9c9; border-top:1px solid #efefef; padding:13px 25px; line-height:18px; background:#66FF00}
#pie a { text-decoration:none; color:#c9c9c9;}
#pie a:hover { color:#db6d16;}
.navigation { font-family: Verdana, sans-serif;font-size:12px;font-style: normal;font-weight: bold;color: #FFF;text-decoration: none; background-color: #49C0F0;display: block;width: 190px;border:1px solid #c2f1ff; padding:8px;}
.navigation:hover { font-family: Verdana, sans-serif;font-size: 12px;font-style: normal;font-weight: bold;color: #fff;text-decoration: none;background-color: #258fcd;display: block;width: 198px;border:1px solid #c2f1ff;}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera"><h1>cabecera</h1></div>
<div id="banner">marquesina</div>
<div id="sidebar">
<span class="navigation">Link</span> <span class="navigation">Link1</span> <span class="navigation">Link2</span> <span class="navigation">Link3</span>
</div>
<div id="contenido">
<p>algo de contenido <br />
algo de contenido <br />
algo de contenido <br />
algo de contenido <br />
algo de contenido <br />
algo de contenido <br />
algo de contenido <br />
algo de contenido </p>
<p><br />
</p>
</div>
<div id="pie">pie</div>
</div>
</body>
</html>
saludos :)