al poner border se me crea un espacio arriba..

Dustito · #1 (**permalink**) 22/09/2010, 04:00

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;
	}

Mixvice · #2 (**permalink**) 22/09/2010, 04:28

Si es lo que yo creo, es el encabezado (<h1> </h1>), prueba eliminándolo... y dale estilo al texto de el div.

Dustito · #3 (**permalink**) 22/09/2010, 04:42

Cita:

Iniciado por Mixvice

Si es lo que yo creo, es el encabezado (<h1> </h1>), prueba eliminándolo... y dale estilo al texto de el div.

Era eso.. que torpe.. ¡Muchas gracias!