Juglar : Layouts CSS - Enero

Layouts CSS

Categoría: Diseño Web - 26 Enero 2005 -

El objetivo es desarrollar layouts con CSS, sin usar de tablas.

El documento HTML:

<div id=”menuleft”>
Contenido de la columna izquierda…
</div>

<div id=”principal”>
Contenido de la columna central…
</div>

<div id=”menuright”>
Contenido de la columna derecha…
</div>

</div>

Para centrar el contenido, visto desde la mayoría de los navegadores (incluido Explorer):

body{
text-align: center;
}

#contenedor {
width: 650px;
margin: 10px auto;
text-align: left;
}

Para posicionar las columnas:

#menuleft {
width: 175px;
float: left;
}
#principal {
width: 300px;
float: left;
}
#menuright{
width: 175px;
float: left;
}

Ref:
Bitácora de webmaster