CSS-Stil erreicht keine Kanten

Question

Auf meiner Website ist die Kopfzeile ein div-Tag mit einem farbigen Hintergrund. Das einzige Problem ist, dass es nicht die "Ränder" des Fensters erreicht (siehe http://manpoints.uk.to/).

Irgendwelche Ideen, wie man das löst?

Danke, Josh.

Answer 1

versuchen, was @KP ist darauf hindeutet, und fügen Sie #header{ width:100%; } zu Ihrem Stylesheet. Was passiert, ist, dass Ihre Kopfzeile keine definierte Breite hat und die maximale Breite des Inhalts in sich hat.

Answer 2

Dies ist ein Browser-Standard-CSS.

diese

<style> 
body{ 
    margin:0; 
    padding:0; 
} 
</style> 

auf den Kopf hinzufügen oder es zu einem Stylesheet hinzufügen.

Answer 3

Sie können die Verwendung einer CSS reset-Technik in Betracht ziehen, um alle Browser-Set-Stile zu löschen. Ihr Problem ist, dass body standardmäßig margin und padding hat.

In Ihrem Stylesheet sicher sein, sie zu löschen, indem Sie:

body 
{ 
    margin: 0; 
    padding: 0; 
} 

Sehen Sie diese Frage nach relevanten CSS-Reset-Stylesheets: https://stackoverflow.com/questions/116754/best-css-reset