Hola a todos, chicos, por fin pueda estar un rato por aquí.
En sólo 5 minutos (no he podido más, espero que más adelante tenga algo más de tiempo), he conseguido esto (te lo dedico, kseso, para que veas que "pienso").
CSS:
Código:
* {
padding:0;
margin:0;
}
.zonazero {
background-color:blue;
overflow:hidden;
margin:15px;
}
.one {
float:left;
width:75%;
background:green;
}
.two {
float:right;
width:25%;
background:blue;
}
HTML:
Código:
<body bgcolor="orange">
<div class="zonazero">
<div class="one">
...
</div>
<div class="two">
...
</div>
</div>
</body>
</html>
De momento he conseguido lo que YO QUERÍA!!! con sólo 2 columnas (queda pendiente con 3). Y no es del todo automático, hay un ligero cambio: cambiar el color de fondo del div "zonazero" al color de fondo que tenga la columna más corta.
Pero al menos no tienes que cambiar la altura de las columnas píxel por píxel, 5 ó 6 veces hasta acertar la altura adecuada.
Ésto es lo más automático que he conseguido hasta ahora teniendo la altura de las columnas automatizada, y el ancho de las 2 líquido.
A ver si me ayudan! y no tanto criticar, pues yo lo que quiero es CSS, pero hay que merecérselo!
Gracias DragonX, tú me entiendes. Ah! Es verdad, no puedo aceptar el reto: lo ganaría CSS tal como lo planteáis, pero es que el reto auténtico es:
1. 3 columnas
2. Las 3 líquidas
3. Altura automática (las 3 columnas siempre tocando bajo, y que ninguna esconda nada)
4. ...y todo CSS
A ver quién lo consigue!!! De momento, mi código es lo que más se acerca. Jaja: 1-0.
PD: el contenido de las columnas hay que ponerlo manualmente, pegarle unos cuantos lorem ipsum...