Css div no irá a la parte superior o completamente a los lados

He comenzado un sitio web con un fondo rojo y quiero un poco de blanco en la parte superior.Css div no irá a la parte superior o completamente a los lados

tengo este código:

CSS:

body { 

background-color: #ff4d4d; 
} 
#header { 
background-color: #ffffff; 
height: 20px; 
}

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>Fat Oblongs</title> 
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="screen" /> 
</head> 
<body> 
<div id="header"></div> 

</body> 
</html>

que produce:

Fuente

2011-03-11 RSM

Usted debe asegurarse de que sus body y html elementos tienen no margen y el relleno:

html, body { 
    padding: 0; 
    margin: 0; 
}

Nota al margen: que también realmente no debería usar XHTML 1.0 Transicional como su tipo de documento. Si es posible, basta con utilizar HTML5 _{(esto no tiene ninguna influencia sobre sus fronteras, pero aún así, no utilice doctypes de transición a menos que tenga una muy buena razón para hacerlo)}

<!doctype html>

Fuente

2011-03-11 16:05:28

o * {padding: 0; margin0;} – Mehran

@Narhem, yo no recomendaría el uso de '' * . Sería mejor usar un [restablecimiento de CSS] (http://meyerweb.com/eric/tools/css/reset/), o un selector simple como el mencionado en mi respuesta. –

body, html { 
    border: 0; 
    padding: 0; 
    margin: 0; 
}

navegadores tienden a tener unos pocos píxeles de relleno/márgenes alrededor de los bordes de la ventana. El CSS anterior elimina todo.

Fuente

2011-03-11 16:06:10

tendrá que restablecer el margen: el relleno del cuerpo a cero

body {margin:0;padding:0;}

http://jsfiddle.net/79w9Y/

Fuente

2011-03-11 16:06:41

Css div no irá a la parte superior o completamente a los lados

Respuesta

Cuestiones relacionadas