Foros del Web » Creando para Internet » CSS »

Error div CSS.

Estas en el tema de Error div CSS. en el foro de CSS en Foros del Web. Hola a todos, estoy haciendo una web pero tengo un problema con CSS que me crea un efecto no deseado al aplicarle margen a un ...
  #1 (permalink)  
Antiguo 05/08/2011, 16:31
 
Fecha de Ingreso: junio-2011
Mensajes: 6
Antigüedad: 5 años, 9 meses
Puntos: 0
Error div CSS.

Hola a todos, estoy haciendo una web pero tengo un problema con CSS que me crea un efecto no deseado al aplicarle margen a un div.

He aqui la pagina:

http://probit.com.ar/

Yo tengo 2 divs, ambas con posicionamiento relativo de la forma:

Código HTML:
Ver original
  1. <div id="content">
  2.      <div id="container">asd</div>
  3. </div>

Con los siguientes estilos:

Código CSS:
Ver original
  1. #content{
  2.     background:url(../images/contentBg.png) no-repeat;
  3.     width:100%;
  4.     height:382px;
  5. }
  6.  
  7. #container{
  8.     margin-left:10px;
  9.     margin-top:10px;
  10.     position:relative;
  11.     background:url(../images/containerBg.png) no-repeat;
  12.     width:985px;
  13.     height:352px;
  14. }

El problema, es que el margen se aplica a la capa padre ("content") en vez de a "container" por lo que me crea una franja gris oscura que es el color del fondo de la web.
Espero haber podido explicarme de forma correcta ya que soy nuevo en esto de la programacion y el diseño web.
Saludos y desde ya muchas gracias por su tiempo.
  #2 (permalink)  
Antiguo 07/08/2011, 05:17
 
Fecha de Ingreso: mayo-2011
Mensajes: 171
Antigüedad: 5 años, 10 meses
Puntos: 32
Respuesta: Error div CSS.

Si eso pasa aveces, el porque ni idea haber si alguien los sabe
pero la solución es invertir, en ves de un margin-top al hijo pon un padding-top al padre y listo
  #3 (permalink)  
Antiguo 07/08/2011, 10:11
 
Fecha de Ingreso: junio-2011
Mensajes: 6
Antigüedad: 5 años, 9 meses
Puntos: 0
Respuesta: Error div CSS.

uy gracias! funciono perfecto, voy a ver si me hago un tiempito hoy para aportar el slider de la web, de paso seguro hay alguien que puede aportar algun consejo.

Etiquetas: fondo
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 18:25.