Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 09-nov-2004, 10:46   #1 (permalink)
don_fransisco ha deshabilitado el karma
 
Fecha de Ingreso: junio-2004
Mensajes: 136
Mensaje Columnas en css

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.
don_fransisco está desconectado   Responder Citando
Antiguo 09-nov-2004, 16:47   #2 (permalink)
orochies ha deshabilitado el karma
 
Avatar de orochies
 
Fecha de Ingreso: septiembre-2003
Ubicación: Guatemala
Mensajes: 226
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...
__________________
Y QueMasDa...
orochies está desconectado   Responder Citando
Antiguo 10-nov-2004, 11:15   #3 (permalink)
don_fransisco ha deshabilitado el karma
 
Fecha de Ingreso: junio-2004
Mensajes: 136
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
don_fransisco está desconectado   Responder Citando
Antiguo 10-nov-2004, 11:59   #4 (permalink)
jesusbet ha deshabilitado el karma
 
Avatar de jesusbet
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.677
Enviar un mensaje por AIM a jesusbet Enviar un mensaje por MSN a jesusbet Enviar un mensaje por Yahoo  a 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
__________________
512 Megas
jesusbet está desconectado   Responder Citando
Antiguo 10-nov-2004, 14:26   #5 (permalink)
frijolerou tiene algunos puntos positivos de karma
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.578
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.
__________________
El conocimiento es libre: Movimiento por la Devolución
frijolerou está desconectado   Responder Citando
Antiguo 11-nov-2004, 16:35   #6 (permalink)
orochies ha deshabilitado el karma
 
Avatar de orochies
 
Fecha de Ingreso: septiembre-2003
Ubicación: Guatemala
Mensajes: 226
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...
__________________
Y QueMasDa...
orochies está desconectado   Responder Citando
Antiguo 11-nov-2004, 21:40   #7 (permalink)
n2h
n2h ha deshabilitado el karma
 
Fecha de Ingreso: octubre-2004
Mensajes: 163
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...
n2h está desconectado   Responder Citando
Antiguo 11-nov-2004, 22:14   #8 (permalink)
jesusbet ha deshabilitado el karma
 
Avatar de jesusbet
 
Fecha de Ingreso: mayo-2004
Ubicación: Monterrey, MX
Mensajes: 2.677
Enviar un mensaje por AIM a jesusbet Enviar un mensaje por MSN a jesusbet Enviar un mensaje por Yahoo  a 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
__________________
512 Megas
jesusbet está desconectado   Responder Citando
Antiguo 12-nov-2004, 15:20   #9 (permalink)
orochies ha deshabilitado el karma
 
Avatar de orochies
 
Fecha de Ingreso: septiembre-2003
Ubicación: Guatemala
Mensajes: 226
¿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...
__________________
Y QueMasDa...
orochies está desconectado   Responder Citando
Antiguo 16-nov-2004, 01:37   #10 (permalink)
dragoncete ha deshabilitado el karma
 
Fecha de Ingreso: septiembre-2004
Mensajes: 6
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 está desconectado   Responder Citando
Antiguo 16-nov-2004, 04:03   #11 (permalink)
dragoncete ha deshabilitado el karma
 
Fecha de Ingreso: septiembre-2004
Mensajes: 6
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.
dragoncete está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 05:28.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93