[SOLUCIONADO] problema con un espacio despues del header

dosg · #1 (**permalink**) 16/03/2014, 06:49

Hola Gente, es mi primer mensaje, Tengo un problema con una web y no me doy cuenta como solucionarlo... seguro es algo que estoy poniendo mal en la estructura pero la verdad, ya intente con distintas opciones y no me doy cuenta de que puede ser.
tengo un espacio despues del header, no se como sacarlo, paso el codigo html y el css.

Código:

<!DOCTYPE html>
<html lang="es">
<head>
    <title></title>  
    <link rel="stylesheet" type="text/css" href="css/estilos300.css">
</head>
<body>
<div id="global">
<header>
  <div align="center">
	<img src="imagenes/banner.jpg" align="center"></div>
  <nav> 
     <ul class="menu">
        <hr color="#ff99ff">
        	<li>
            	<a href="index.html">Home</a>
            </li>
        	<li>
            	<a href="productos.html">Productos</a>
            </li>
          <li>
              <a href="contacto.html">Contacto</a>
            </li>
          <li>
              <a href="https://www.facebook.com">Facebook</a>
          </li>  
          <hr color="#ff99ff">
        </ul>
    </nav>  
</header>
    <div id="presentacion" >
     <section >
<article >
<div id="imagen_productos">
  <img src="imagenes/imagen1.jpg" class="borde_rosa" alt="">
<p class="pie_de_foto" align="center">Hace Click en la imagen </p>
 </div>  
 <div id="texto_productos">
<p >Material de excelente calidad,</p>
  <p>Medida 80x75 (Mas Grande que las habituales!!!)</p>
 </div>
 <hr color="ff99ff" class="clear">
 <div align="center">
  <p></p>
<img src="imagenes/flecha_izq.png" class="float_izq">
<img src="imagenes/flecha_der.png" class="float_der">
<p class="clear">galeria</p>
 </div>
</article>
 </section>
</div>
<footer>
  <p class="clear">gracias por su compra</p>
</footer>
</div>
</body>
</html>

y el Css

Código:

body
{
 margin: auto;
 background-color: yellow;
 background-image: url(logo.png);
}
#contendido{
  width: 800px;
  background: gray;
}
header
{background: red;
}
nav{
}
section{
 background-color: red;
}

#global
{
  background-image: url(logo.png);
  background-repeat: repeat;
	width:900px;
	margin: 0 auto;
	box-shadow: white 0px 0px 15px;
	margin-top:10px;}
footer
{
  clear: both;
  width: 900px;
  background: skyblue;
  font-family: "gabriela", Serif;
  color: white;
  font-size: 14px;
}

.float_der
{
  float: right;
}
.float_izq
{
  float: left;
}
.clear
{
  clear: both;
  text-align: center;
}
article
{
   background-color: white;
}
#presentacion
{ 
  background-color: blue;
  width:900px;
  text-align: justify;
}

bueno espero que me puedan ayudar... muchas Gracias!

pzin · #2 (**permalink**) 17/03/2014, 03:47

Añádele a la cabecera:

Código CSS:

Ver originalheader {
  overflow: hidden;
}

Eso debería arreglar el problema.

dosg · #3 (**permalink**) 17/03/2014, 05:40

Muchas Gracias! hice eso y se arreglo...
otra cosa: no puedo poner una imagen de fondo en nada de la pagina? puede ser algun problema con la estructura.. o de sintaxis, porque lo raro es que no lo puedo poner ni siquiera en un div.