Columnas en css

[don_fransisco]

Hola Maestros, soy principiante en diseñar atraves de Css y tengo una pregunta, resulta que tengo creada dos columnas con la etiqueta <div>, y cuando ingreso algo en la columna uno (<div> N°1) esta va automaticamente bajando a medida que la voy llenando con x contenido, pero como puedo hacer que la columna dos (<div> N°2) tambien baje, sin que yo ingrese nada, algo similar como ocurriria cuando se utilizan las tablas.

<div class="entorno">
<div class="columna1">
contenido
contenido
contenido
etc
</div>

<div class="columna2">
</div>
</div>

gracias por cualquier ayuda.

[orochies]

Hola pues yo me imagina que ya se a lo que te refieres...

Me imagino que el <div class="columna2"></div> tendra menor contenido que el

<div class="columna1"> contenido contenido contenido etc </div>

pues me parece que ese problema se resolberia con javascript ya que yo no conosco forma alguna de lograrlo con CSS...

Quiza alguien mas experimentado en el tema pueda solucionar nuestro problema porque ya me eh topado con este tambien jejejeje...

Pero no te preocupes ahora mismo me pongo a encontrar una solucion ya que me parece de los mas util...

Hojala y nadie se me adelante jejejeje

_Saludos...

[don_fransisco]

creo que la unica solucion seria utilizar las tablas para datos tabulares todo esto junto a Css, si alguien ha encontrado una forma de hacerlo con Css, que postee la solucion

[jesusbet]

no sé si es tan fácil o es que no entendí bien, jejeje...

#div1 {
height: 100px
}

#div2 {
height. 50px
}

de esa forma queda definida la altura, o no sé a que te refieras exactamente, jeje.

Saludos

[frijolerou]

Jesusbet.. a lo que se refiere es que ambas columnas vayan creciendo a la par (las dos al mismo tiempo) a medida que vaya ingresando contenido en cualquiera d elas dos columnas.

[orochies]

Exactamente como dice "frijolerou" la verdad yo no eh encontrado forma alguna usando CSS me parece que seria con javascript pero de javascript no se mucho quiza alguien del foro de javascript que se pase por aca y que nos de una mano no creen...

_Saludos...

[n2h]

A ver...
Si pones un div llamado container, y sobre este los dos divs que tu tienes...
Solo seria cuestion de que el div mas corto, tenga el mismo background o estilo que el container, y nadie notara la diferencia, comprendes?

Nota: cuando uno de los divs se haga mas largo, empujara al container y nadie sabra que uno es mas corto que el otro...

[jesusbet]

fuf... man, tienes razón:

Código:

<div id="contenido">

<div id="columnaX">
</div>

<div id="columnaY">
</div>

</div>

de esa forma, cualquier columna que sea la mas grande, agrandaría también al contenedor... jeje... gracias

Saludos

[orochies]

¿Y que pasaria si yo necesito un borde para la columna2 Y que esta es mas corta que la columna1...?

Me parece que esa no seria una solucion definitiva...

_saludos...

[dragoncete]

Hola!

Yo tambien soy un principiante en el asunto de las css, les explico msi investigaciones en este ambito.

Tengo una web con un menu en un lateral y un contenido que puede ser mas largo o mas corto que el menú. Como el menú está definido con position: absolute, si este es mas largo que el contenido el pie de pagina me sale a media pagina (cuando termina el contenido, no debajo del menu).

Ahora estoy probando poniendole una altura minima al contenido para que así sea al menos igual de largo que el menú cuando sea el caso, lo muestra bien pero el problema está que el texto sale todo en la parte de abajo del contenido, no en la de arriba (con align: top no he conseguido nada).

Alguien sabe como podria acabar de arreglarlo? Igual es una solucion que se acerca a lo que están buscando...

Un saludo,

[dragoncete]

Arreglado el tema del top, he redefinido el alcance de los divs...

Asi, la unica solucion que le he encontrado ha sido esa:

- menú y contenido de la pagina dentro de la celda de una tabla (para no tener problemas con el pie de pagina).

- menú absoluto

- contenido con una altura minima, de manera que si es más grande el contenido crece llevandose hacia abajo el pie de pagina, sino el pie de pagina queda bajo el menú.

Si alguno conoce alguna solucion sin tener que usar tablas agradeceria que lo comentase, ya que me he vuelto loco buscando alguna manera.