Foros del Web » Creando para Internet » CSS »

Alturas Variables

Estas en el tema de Alturas Variables en el foro de CSS en Foros del Web. Hola amigos, el tema es que tengo unos divs, pero cuando hay mucho contenido, este último les pasa por encima, le explico un poco la ...
  #1 (permalink)  
Antiguo 23/12/2010, 06:49
Avatar de besotico  
Fecha de Ingreso: junio-2008
Ubicación: Iquique, Chile, Chile
Mensajes: 70
Antigüedad: 15 años, 10 meses
Puntos: 0
Pregunta Alturas Variables

Hola amigos, el tema es que tengo unos divs, pero cuando hay mucho contenido, este último les pasa por encima, le explico un poco la jerarquia de estos divs.

Wrapper (para el centrado)
Content (para separar de header y footer)
ctnt (el que lleva el texto)

de mas esta decir que es cada uno dentro del otro, verdad?

Código HTML:
Ver original
  1. <div id="wrapper">
  2. <div id="content">
  3. <div id="ctnt">
  4. </div>
  5. <!-- cierre de ctnt-->
  6. </div>
  7. <!-- cierre content -->
  8. </div>
  9. <!-- cierre wrapper -->

ahora sus respectivos codigos de estilo
Código CSS:
Ver original
  1. #wrapper {
  2.     margin:0 auto 0 auto;
  3.     width:970px;
  4.         text-align:left;
  5.     z-index:1;
  6. }

Código css:
Ver original
  1. #content {
  2.     position:absolute;
  3.     left:auto;
  4.     top:129px;
  5.     width:970px;
  6.     min-height:755px;
  7.     height:auto;
  8.     z-index:3;
  9. }

Código CSS:
Ver original
  1. #ctnt {
  2.     position:absolute;
  3.     float:left;
  4.     left:226px;
  5.     top:15px;
  6.     width:738px;
  7.    
  8.     z-index:3;
  9. }

bueno eso amigos, ojala me puedan ayudar, el theme esta online en http://micontrol.cl/~ldiaz/blog/ oopr si quieren ver el resto del codigo, o que es lo que arroja
  #2 (permalink)  
Antiguo 23/12/2010, 07:08
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 21 años, 2 meses
Puntos: 7
Respuesta: Alturas Variables

Hola:

Prueba sacandole height a #content y luego nos dices que paso.

Saludos.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]
  #3 (permalink)  
Antiguo 23/12/2010, 07:45
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 13 años, 8 meses
Puntos: 64
Respuesta: Alturas Variables

tu problema son las posiciones.. sacales las absolutas.. no le pongas nada.. y flotalos a la izquierda o derecha a todos, menos al wrapper
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #4 (permalink)  
Antiguo 23/12/2010, 09:20
Avatar de besotico  
Fecha de Ingreso: junio-2008
Ubicación: Iquique, Chile, Chile
Mensajes: 70
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: Alturas Variables

Cita:
Iniciado por armandoweb Ver Mensaje
Hola:

Prueba sacandole height a #content y luego nos dices que paso.

Saludos.
Ya lo intente y no resulto :(
  #5 (permalink)  
Antiguo 23/12/2010, 09:20
Avatar de besotico  
Fecha de Ingreso: junio-2008
Ubicación: Iquique, Chile, Chile
Mensajes: 70
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: Alturas Variables

Cita:
Iniciado por GAST0N Ver Mensaje
tu problema son las posiciones.. sacales las absolutas.. no le pongas nada.. y flotalos a la izquierda o derecha a todos, menos al wrapper
Por aquí va, le puse position:relative; y ahí me funcionó, ya está en linea, muchas gracias hombre :)
  #6 (permalink)  
Antiguo 23/12/2010, 09:22
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 13 años, 8 meses
Puntos: 64
De acuerdo Respuesta: Alturas Variables

Cita:
Iniciado por besotico Ver Mensaje
Por aquí va, le puse position:relative; y ahí me funcionó, ya está en linea, muchas gracias hombre :)
de nada , exitos!!
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>

Etiquetas: altura, variables
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:18.