En esta página tienes un compilado de ejemplos de templates con 3 columnas y footer:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts

Varían en cuanto a si el diseño es líquido o fijo.
Espero que te sirvan.
Maira.

Ander Lopez wrote:

Buenas de nuevo,

He estado haciendo alguna prueba y haciendo flotar las 3 columnas se
puede conseguir. En Explorer hay que pulirlo un poco ya que no funciona
del todo.

Te copio el código de los estilos.

<style type="text/css" media="screen"> HTML, BODY {margin:0; padding:0; height:100%; font:0.9em Arial,
Helvetica, sans-serif}
#contenedorPrincipal {position:relative; width:775px; height:100%;
margin:auto; border:1px solid #c6bda5}
#cabecera {position:relative; width:775px; height:120px;
background:#CC9933} #columnaIzda {float:left; top:0; left:0; width:157px; padding:0;
background:#9999CC}
#columnaCentral {float: left; width: 474px; background:#009900} #columnaDcha {float:left; top:0; right:0; _right:-1px; width:140px; padding:0; background:#0033FF} #piePagina {clear:both;width:775px; height:auto; text-align:center;
background:#ff0000}
#contenedorExterior {position:relative; width:auto; border:2px solid
#000000}
#contenedorInterior {width:100%; margin:0; border:1px solid #c5c5c5}
</style>

Espero que te sirva.

Saludos

-----Mensaje original-----
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de David Yanes Farina
Enviado el: jueves, 19 de enero de 2006 10:21
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Tres columnas de igual altura y pie depágina
equilibrado



Hola,

A la regla del contenedor ponle un fondo de 2px de alto que ocupe todo
el ancho del contenedor. Dicho imagen hará de fondo de los divs laterales y
central.

Lo más fácil es que captures una imagen de la página. Te la lleves a
Photoshop y ahí con la herramienta seleccionar, seleccionas 2 pixel de
alto, aumentas, pintas y la guardas con el nombre de la imagen de fondo
que quieras.


Luego le pones la siguiente regla al contendedor:
#contendedor {
[... reglas anteriorres...]
background: #ccc url(../images/fondo_contendedor.gif) repeat-y 50% 0; }

Aquí tienes la explicación completa.

http://www.alistapart.com/articles/fauxcolumns/

No tengo constancia que se pueda solucionar sólo con css.


_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo



_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a