Aqui te pongo un ejemplo de maquetacion sin tablas donde tenemos una
cabecera, dos menus laterales y la zona central con los contenidos:
Como estilo CSS, destacar el posicionamiento absoluto de los menus y el uso
de margin padding y width para dar tamaños.
<style type="text/css">
body {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
padding: 0px;
margin: 0px;
background-color:#FFFFFF;
line-height: 15px;
}
#cabeza {
margin: 5px;
padding: 10px;
background-color:#FFFFCC;
border: 1px solid #000;
height: 70px;
}
#izquierda {
position:absolute;
top: 97px;
left: 0px;
margin: 5px;
padding: 10px;
background-color:#FFFFCC;
border: 1px solid #000;
width: 135px;
}
#centro {
margin: 0px 170px 5px 170px;
padding: 10px;
background-color:#FFFFCC;
border: 1px solid #000;
}
#derecha {
position:absolute;
top: 97px;
right: 0px;
margin: 5px;
padding: 10px;
background-color:#FFFFCC;
border: 1px solid #000;
width: 135px;
}
</style>
Como pagina XHTML (Esto va en el body)
<div id="cabeza"><h2>Titular o logo del web</h2></div>
<div id="izquierda">Menu principal </div>
<div id="centro">Contenido central de la weg</div>
<div id="derecha">Menu Secundario </div>
Espero que te sirva... la esencia esta en los posicionamientos y tamaños de
los codigos CSS
Salu2
jordifreek - www.jordifreek.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
