Foros del Web » Creando para Internet » CSS »

Problema con posicion relativa y espacio extra

Estas en el tema de Problema con posicion relativa y espacio extra en el foro de CSS en Foros del Web. Hola a todos, Tengo un problema con mi hoja de estilo CSS, les coloco el codigo primero para que se entienda mejor: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código ...
  #1 (permalink)  
Antiguo 10/10/2010, 01:43
 
Fecha de Ingreso: junio-2009
Mensajes: 79
Antigüedad: 8 años, 5 meses
Puntos: 0
Pregunta Problema con posicion relativa y espacio extra

Hola a todos,

Tengo un problema con mi hoja de estilo CSS, les coloco el codigo primero para que se entienda mejor:

Código HTML:
Ver original
  1. <div id="header-gradient">
  2.  
  3. </div>
  4. <div id="contenedor">
  5.   CONTENIDO PRINCIPAL
  6. </div>
  7. <!--
  8. ESPACIO DE 168px ADICIONAL
  9. -->

Código CSS:
Ver original
  1. #header-gradient {
  2.   height: 168px;
  3.   background: #fbfaf5 url(../img/bg2.jpg);
  4.   width: 100&#37;;
  5. }
  6.  
  7. #contenedor {
  8.   width: 730px;
  9.   margin: 0 auto;
  10.   position: relative;
  11.   top: -168px;
  12.   background: #FBFAF5;
  13. }

El div #header-gradient se expande a todo el ancho de la pantalla con una imagen de fondoy un alto de 168px, el #contenedor tiene el contenido principal de la pagina y con la posicion relativa y top: -168px lo posiciono sobre el header, hasta aqui todo bien. El problema es que debajo del div #contenedor se agrega un espacio de 168px adicional.

Existe alguna forma de eliminar este espacio?

Gracias de antemano.
  #2 (permalink)  
Antiguo 10/10/2010, 08:33
 
Fecha de Ingreso: junio-2009
Mensajes: 79
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Problema con posicion relativa y espacio extra

Ya lo solucione, en vez de utilizar posicion relativa y top: -168px utilize margin-top:-168px y ya no queda el espacio :)

Etiquetas: espacio, extra, posicion, relativa
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 15:15.