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
