El problema respecto a lo que comentaba sn es que en este caso el pie no
se ajusta a la base del browser y, si no me equivoco, sería necesario
utilizar javascript para fijarlo. De hecho, añadiendo:
<script type="text/javascript">
function ajustaraltura(){
winH = alturaventana();
alert("ajustar altura:")
altocolumna=winH-40;
if( typeof( window.innerWidth ) != 'number' ) {
document.getElementById('co11').style.height=altocolumna+'px';
}
document.getElementById('co11').style.minHeight=altocolumna+'px';
}
function alturaventana(){
var alto= 0;
if( typeof( window.innerWidth ) == 'number' ) {
alto= window.innerHeight;
} else if( document.documentElement && (
document.documentElement.clientWidth ||
document.documentElement.clientHeight ) ) {
alto= document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth ||
document.body.clientHeight ) ) {
alto= document.body.clientHeight;
}
return alto;
}
</script>
Y llamando onload a la funcion ajustaraltura() funciona ok. He puesto el
código en http://blog.corunet.com/demotrescolumnas.html por si acaso.
ListaCss escribió:
> a ver si te sirve este ejemplo, comenbtar que para que funcione bien en ie6
> tienes que ponerle width al pie, por eso lleva el 98% sino no se comporta
> correctamente...
>
> no sé si es exactamente lo buscas...
>
> <!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>Untitled Document</title>
> </head>
>
> <body>
> <style>
> #contenedor{
> overflow:hidden;
> }
> #co11{
> background-color:red;
> overflow:hidden;
> margin-bottom:-7000px;
> padding-bottom:7000px;
> float:left;
> }
> #co12{
> background-color:blue;
> margin-bottom:-7000px;
> padding-bottom:7000px; float:left;
> }
> #co13{
> background-color:yellow;
> margin-bottom:-7000px;
> padding-bottom:7000px;
> float:left;
> }
> #pie{
> clear:both;
> float:none;
> background-color:black;
> color:white;
> width:98%;
> }
>
> </style>
> <div id="contenedor">
> <div id="co11">
> rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br
> />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />
> rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br
> />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />
> rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br
> />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />
> rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br
> />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />rojo<br />
> verde
> </div>
> <div id="co12">azul<br />azul<br />azul<br />azul<br />azul<br
> />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br
> />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br />azul<br
> />azul<br />azul<br />azul<br />azul<br />azul<br /></div>
> <div id="co13">amarillo<br />amarillo<br />amarillo<br />amarillo<br
> />amarillo<br /></div>
> </div>
> <div id="pie">pie<br />pie</div>
> </body>
> </html>
>
> ----- Original Message -----
> From: sn
> To: Ovillo, la lista de CSS en castellano
> Sent: Thursday, June 14, 2007 1:01 PM
> Subject: Re: [Ovillo] diseño a 3 columnas
>
>
> kon razón no encontraba el modo de hacerlo en puro css.
> no es que no me fíe de david(gracias por tu respuesta, por cierto), pero si
> alguien ve/intuye algún camino para resolver esto sin hechar mano de otras
> tesnologías, que no dude en señalármelo.
>
> reenvío mi saludo!
> _______________________________________________
> 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://lists.ovillo.org/mailman/listinfo/ovillo
> _______________________________________________
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
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://lists.ovillo.org/mailman/listinfo/ovillo
