He logrado crear este código con Dreamweaver, pero me gustaría poder agregar, dentro de la capa cuerpo, 3 capas mas, una al lado de otra, de modo que a la izquierda tenga una de 100 px para los enlaces, en el centro el contenido, y a la derecha otra de 100 px para la publicidad.
No consigo entender esto de las capas. Antes me resultaba muy fácil maquetar con el bloc de notas creando tablas, pero esto de las capas me está volviendo loco de verdad. Haber si podéis ayudarme. Llevo varios días intentando hacer este diseño tan sencillo.
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=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#contenedor {
width: 1000px;
height: 1500px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #FFF;
}
#contenedor #cabecera {
height: 120px;
background-color: #096;
}
#contenedor #buscador {
height: 80px;
background-color: #39F;
}
body {
background-color: #366;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera">cabecera</div>
<div id="buscador">buscador</div>
<div id="cuerpo">cuerpo</div>
</div>
</body>
</html>