Hacer que lacabecera esté arriba del todo...

scorpionhack · #1 (**permalink**) 26/02/2009, 18:15

Buenas:

Tengo un pequeño problemilla haber si me podeis ayudar...

tengo una pagina la cual tiene un div digamos que es la cabecera, donde pone el nombre de la web y al y el fondo de la cabecera es una imagen... el problema esque el div no se queda arriba del todo es decir entre la parte superior de la pagina y donde aparece la cabecera hay una breve separación, mas o menos un dedo.

dejo el codigo css , he buscado por internet pero no encuentro nada para solucionarlo.

Gracias

Código:

body {
	
	margin:0;
	background-image:url(../img_desing/fondo.jpg);
	background-repeat: repeat-x;
	background-color: #0d212a;
	font-family:"Trebuchet MS";
	font-size: 14px;
	color: #555555;
	
	

	
}

#cabecera {
	width: 908px;
    height:190px;
	margin:0px auto 0px;
    padding:0px;
	background-image:url(../img_desing/header.png);
	background-repeat: no-repeat;
	clear:both;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
    border-top: dotted #999 0px;
	top:0%;
	
}

emiliodeg · #2 (**permalink**) 27/02/2009, 08:12

agregale al body {padding:0}

scorpionhack · #3 (**permalink**) 27/02/2009, 09:26

sigue sin funcionar ahora en el css tengo esto...

no teneis alguna idea de que puede ser... el codigo html es asi...

GRACIAS

Código HTML:

"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Administrador De Disco Duro</title>

<link rel='stylesheet' href='css/trekstor.css?nc' type='text/css'>

</head>
<body> 
<div id='body'>	
<div id='cabecera'>
</div></div></body>
</html>

Código:

body {
	padding:0;
	margin:0;
padding:0;
	background-image:url(../img_desing/fondo.jpg);
	background-repeat: repeat-x;
	background-color: #0d212a;
	font-family:"Trebuchet MS";
	font-size: 14px;
	color: #555555;
	
	

	
}

#cabecera {
	width: 908px;
    height:190px;
	margin:0px auto 0px;
    padding:0px;
	background-image:url(../img_desing/header.png);
	background-repeat: no-repeat;
	clear:both;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
    border-top: dotted #999 0px;
	top:0%;
	
}

Mikmoro · #4 (**permalink**) 27/02/2009, 11:30

Quizá debieras añadir:

#body {
padding:0;
margin:0;
}

Y diría que no es buena práctica poner identificadores a las cajas con nombres de elementos reales (sería mejor <div id="cuerpo"> que <div id="body">, porque evita confusiones innecesarias).