2009-06-29 11 views
2

Ich habe ein neues Problem löschen, die nervt mich ...HTML blank Ich möchte

Ich erstelle eine Webseite, die ich ohne Scrollen fixiert werden soll, und am wichtigsten ich meine wichtigsten Div wollen aaaaaaaaall füllen meine verfügbaren Platz ...

ich habe diesen Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
    <head> 
    <title>There is a @#!¤*-ing blank !</title> 
    <style type='text/css'> 
     html {margin:0px;padding:0px;height:100%;overflow:hidden;border: 3px solid green} 
     div {margin:0px;padding:0px;} 
    </style> 
    </head>

<body onload="document.getElementById('mydiv').style.height=document.getElementsByTagName('html')[0].offsetHeight+'px'"><div id="mydiv" style="margin:0px;padding:0px;width:100%;border: 2px solid red"></div></body> </html>

Wie Sie sehe ich einen weißen Raum zwischen meinem Körper Element Grenze und meine div-Element Grenze, obwohl mein Körper Polsterung und div Marge erhalten auf 0 gesetzt ...

hatte ich einmal r ead "Mehr Eric Meyer auf CSS", die eine Lösung für dieses Problem enthält, aber es war vor langer Zeit und ich erinnere mich nicht ...

Jede Hilfe würde sehr geschätzt ^^.

Antwort

7

Sie setzen nicht den Stil des Körpers:

body {margin: 0px; padding: 0px; height: 100%;} 
6

Ihr Body-Rand ist nicht auf 0px eingestellt, nur das von HTML.

+0

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

+0

Aber die Antwort war nicht so detailliert! Ich habe dich gewählt! –

2

Stellen Sie den Rand auf 0 auf dem Body-Tag.

body {margin:0;} 
1

Zusätzlich - anstatt das Hinzufügen:

padding: 0; margin: 0; 

jeden Wähler tut es global an der Spitze Ihrer CSS-Datei:

* { padding: 0; margin: 0; }