Foros del Web » Creando para Internet » HTML »

espacio entre divs

Estas en el tema de espacio entre divs en el foro de HTML en Foros del Web. Hola gente, estoy creando una web y la estoy haciendo con divs... bueno el problema es que queda un espacio entre el header y el ...
  #1 (permalink)  
Antiguo 16/07/2009, 21:08
 
Fecha de Ingreso: octubre-2008
Mensajes: 22
Antigüedad: 9 años, 1 mes
Puntos: 0
espacio entre divs

Hola gente, estoy creando una web y la estoy haciendo con divs...
bueno el problema es que queda un espacio entre el header y el cuerpo de la web miren.
Bueno no se que puede ser, lo tengo asi al css:
Código PHP:
#header 
{
height:150px ;
width:800px ;   
background-image:url(images/header.png);
background-position:center 
background-repeat:no-repeat 
margin:0 auto 0 auto;
}
#body
{
width:780px 
background-color:#00F0FF ;
margin:0 auto 0 auto;
margin-top:0px

y al html asi:
Código PHP:
<div id="header" align="center"></div>
<
div align="center" id="body">
  <
p><iframe name="center" src="ifram" frameborder="3" style="border-color:#00FFFF" width="250" height="150"></iframe></p>
  <
p><a href="index.php"><img src="images/entrar_off.png" border="0" name="entrar" width="200" height="50" onmouseover="entrar.src='images/entrar_on.png'" onmouseout="entrar.src='images/entrar_off.png'" /></a></p>
</
div
que podra ser (soy novato en todo esto xD)

perdonen pero no me deja poner imagenes
  #2 (permalink)  
Antiguo 17/07/2009, 00:21
 
Fecha de Ingreso: julio-2008
Ubicación: Córdoba, Argentina
Mensajes: 266
Antigüedad: 9 años, 4 meses
Puntos: 26
Mensaje Respuesta: espacio entre divs

Te recomiendo que metas ambos divs dentro de otro, creo que por eso no te queda como quieres. Haz algo así:
<div id="contenedor">
<div id="header">Aquí el header</div>
<div id="cuerpo">Aquí el contenido</div>
</div>

El espacio entre ellos deberías poder manejarlo con margin en el CSS.
Saludos.
  #3 (permalink)  
Antiguo 17/07/2009, 05:11
 
Fecha de Ingreso: abril-2009
Mensajes: 37
Antigüedad: 8 años, 7 meses
Puntos: 2
Respuesta: espacio entre divs

Sin una captura no sabría decirte bien a que se debe.

Ya optaría que el espacio entre el div head y el div body se debe al contenido del body. Si flotas body (por ejemplo a la izquierda) y lo centras con CSS. Veras como ya no se te separa el head de body.
  #4 (permalink)  
Antiguo 17/07/2009, 07:13
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: espacio entre divs

Hola _F3R_
Sin el resto del código sólo se pueden hacer suposiciones y apuntes a lo que muestras (aunque no preguntes por ello
Así que vamos con uno tópicos:
¿Utilizas un doctype correcto en tu página?
Pon a cero tu css ("reset" css)
el poner unas medidas a "body" no le encuentro sentido. ¿Qué haces con el resto de la ventana?
Si ya de por sí el uso de frames está desaconsejado, imagina el colocar uno dentro de <p>

Procura condensar los valores de las propiedades que lo admiten:
Cita:
background-image:url(images/header.png);
background-position:center ;
background-repeat:no-repeat ;
margin:0 auto 0 auto;
quedaría en
Cita:
background: url(images/header.png) no-repeat center center;
margin: 0 auto;
un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 16:45.