Foros del Web » Creando para Internet » CSS »

Problema para ajustar alto de capa

Estas en el tema de Problema para ajustar alto de capa en el foro de CSS en Foros del Web. Bueno, el problema es que tengo una capa como contenedor principal (llamada wrap), esa capa lleva una imagen de fondo que se repite verticalmente, el ...
  #1 (permalink)  
Antiguo 19/08/2011, 10:43
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 7 años, 4 meses
Puntos: 1
Problema para ajustar alto de capa

Bueno, el problema es que tengo una capa como contenedor principal (llamada wrap), esa capa lleva una imagen de fondo que se repite verticalmente, el problema esque el contenido se deja sobresalir por debajo, haciendo que no quede muy bien, os dejo una demo de la página en cuestión para que veáis lo que digo:
http://admin1234.com/apps/
  #2 (permalink)  
Antiguo 19/08/2011, 10:52
Avatar de ArturoGallegos
Colaborador
 
Fecha de Ingreso: febrero-2008
Ubicación: SLP, México
Mensajes: 5.580
Antigüedad: 8 años, 9 meses
Puntos: 899
Respuesta: Problema para ajustar alto de capa

tu problema esta en que a wrap le pusiste hight:100% por lo que siempre es de esta altura... prueba poner min-height:100%
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 19/08/2011, 10:53
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 8 años, 1 mes
Puntos: 83
Respuesta: Problema para ajustar alto de capa

Saludos!

En el css reemplaza esto:

Código CSS:
Ver original
  1. #wrap {
  2.  
  3. background: url("images/wrap.jpg") repeat-y scroll center top transparent;
  4.  
  5. height: 100%;
  6.  
  7. margin: 0 auto;
  8.  
  9. position: relative;
  10.  
  11. width: 1004px;
  12.  
  13. }

Por esto:
Código CSS:
Ver original
  1. #wrap {
  2.  
  3. background: url("images/wrap.jpg") repeat-y scroll center top transparent;
  4.  
  5. margin: 0 auto;
  6.  
  7. overflow: hidden;
  8.  
  9. position: relative;
  10.  
  11. width: 1004px;
  12.  
  13. }

Y mira lo que he hecho: Quité el "height: 100%;" y lo reemplazé con "overflow: hidden;" que sirve, en este caso, para ajustar el contenedor al contenido interno. Te invito a que investigues acerca de la propiedad y que aprendas a utilizarla! Es realmente útil en estos casos.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #4 (permalink)  
Antiguo 19/08/2011, 10:58
 
Fecha de Ingreso: julio-2009
Mensajes: 103
Antigüedad: 7 años, 4 meses
Puntos: 1
Respuesta: Problema para ajustar alto de capa

Si alguna vez me pasó algo así y lo pude solucionar con el overflow, en este caso probé con esa propiedad pero no probé correctamente, por lo que no logré conseguirlo y la deje de lado, gracias por la ayuda, muy rápida y eficaz :)
  #5 (permalink)  
Antiguo 19/08/2011, 11:05
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 8 años, 1 mes
Puntos: 83
Respuesta: Problema para ajustar alto de capa

Estamos para ayudar.

Que la pases bien! Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter

Etiquetas: alto, contenido, fondo, capas
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 01:34.