Hola tengo una cabecera con su logo, al ponerle a la cabecera el atributo border: 1px solid #2262C6; se me viene abajo el logo creando un espacion en la parte superior entre el borde de la cabecera y el logo ¿por que es esto? ¿tiene solucion?
Código HTML:
<body>
<div id="wrapper">
<div id="cabecera">
<h1><img src="imagenes/logo.gif" alt="nombre de la empresa" /></h1>
</div>
<div id="contenido">
</div>
<div id="pie">
</div>
</div>
</body> Código HTML:
#wrapper {
margin: 0 auto;
margin-top:10px;
width: 800px;
padding:0;
}
#cabecera {
height: 100px;
border: 1px solid #2262C6;
}
#cabecera h1 img {
float:left;
margin: 0px 0px 0px 10px;
padding: 0px;
}