Espacio entre los DIVs

Javier_Onishi · #1 (**permalink**) 03/05/2011, 11:31

Tengo una duda con las etiquetas DIV. Lo que pasa es que aparece un pequeño espacio entre las dos divs. En Firefox aparecen los espacios, pero en IE no aparecen y quisiera que no aparesca ese espacio en ningun navegador.

Los estilos son:

Cita:

#cabecera{
width: 875px;
margin-left:auto;
margin-right:auto;
}
#cuerpo{
width: 875px;
margin-left:auto;
margin-right:auto;
background-color:#a3cd01;
}

Y en la pagina el código es:

Cita:

<div id="cabecera">Contenido....</div>
<div id="cuerpo">Contenido</div>

Entre la cabecera y el cuerpo es que aparece un espacio que no quiero que aparesca.
Gracias por la ayuda!!!

ArturoGallegos · #2 (**permalink**) 03/05/2011, 11:39

el espacio que se genera es por los contenidos que tienes en su interior... lo mejor seria aplicar un reset CSS

prueba con este Reset CSS -> clic aquí

Javier_Onishi · #3 (**permalink**) 03/05/2011, 12:05

Gracias!!! lo probe pero no se quita ese espacio

Javier_Onishi · #4 (**permalink**) 04/05/2011, 16:02

La solución momentanea que le di es poner el mismo color de fondo a los divs. No creo que sea la mejor pero por el momento sirve.

Javier_Onishi · #5 (**permalink**) 04/05/2011, 16:11

La solución momentanea que le di es poner el mismo color de fondo a los divs. No creo que sea la mejor pero por el momento sirve.

LinkLooker · #6 (**permalink**) 31/05/2011, 15:35

Saludos puedes probar colocandole margin: 0px

LinkLooker · #7 (**permalink**) 31/05/2011, 15:36

Saludos puedes probar colocandole margin-top: 0px; margin-bottom: 0px

Ventru3 · #8 (**permalink**) 31/05/2011, 15:53

Mhmm...

No se como tendrás el resto del CSS así que prueba con esto.

Código CSS:

Ver originalhtml, body { //Para no dejar espacios
      margin: 0;
      padding: 0;
}