Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/07/2007, 17:38
okram
Invitado
 
Mensajes: n/a
Puntos:
Bloques en dos columnas de ancho variable y con igual altura

Hace un tiempo comente en este foro (CSS) que estaba migrando de tables a divs y css, y voy colucionando todos los problemas que se me van presentando (sobretodo con IE ) lento, pero seguro ...

Ahora recurro a ustedes para solucionar algo. Con tablas era facil hacer que dos columnas tuvieran el mismo alto, sin importar que sus contenidos sean diferentes. Bastaba con poner:
Código HTML:
<table>
  <tr>
    <td>Columna 1</td>
    <td>Columna 2<br />Columna 2<br />Columna 2</td>
  </tr>
</table> 
y ambas columnas tendrian el mismo alto. Con los divs al principio se me hizo algo imposible, hasta que encontre este articulo:

http://www.cristalab.com/tips/39039/...-con-div-y-css
Cita:
Iniciado por Cristalab.com
Lo que voy a explicarles a continuación es como lograr en XHTML y CSS que cuando coloquemos un div dentro de otro, el div interior tenga la misma altura que el div en el que está contenido. Esto es util para diseños de varias columnas (Como un blog) donde quieran que una textura o color especifico siga creciendo en función del contenido de otra columna[...]
En efecto, lo que esta con rojo y en negrita es lo que buscaba, y me funciono , PERO!!!, tengo un problema.

Ninguna de las columnas en las que estoy trabajando tienen un ancho fijo, por lo al fin de cuentas ese tutorial no me sirve. Con tablas lo que queria hacer era sencillo, pero ahora lo veo imposible de nuevo de hacerlo con divs...

Alguien sabe como hacerlo... La idea es masomenos: Algunas veces:

Este es texto...........................Menu............
Este es texto que termina aqui..........Menu sigue......
........................................Sigue...........
........................................y sigue.........
........................................termino.........

y otras veces es:

Este es texto...................Menu....................
Este es texto que termina aqui..Menu sigue..............
................................Sigue...................
................................y sigue.................
................................termino.................
y otras veces:

Este es texto........Menu...............................
Sigue................Menu termina.......................
y sigue.................................................
y mas...................................................
y acaba!................................................

Espero se me haya entendido...

Un saludo,

Última edición por okram; 05/07/2007 a las 17:40 Razón: Cambio en el titulo ;-)