2009-06-29 12 views
2

J'ai un nouveau problème qui me dérange ...HTML vierge Je veux effacer

Je fais une page web que je veux être fixé sans défilement et le plus important, je veux que ma principale Div pour remplir aaaaaaaaall mon espace ...

J'ai fait ce 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>

Comme vous pouvez le voir, je reçois un espace blanc entre ma bordure de l'élément de corps et ma bordure de l'élément div même si mon rembourrage du corps et de la marge div sont à 0 ...

J'avais une fois "Plus Eric Meyer sur CSS" qui contient une solution à ce problème mais il y a longtemps et je ne me souviens pas ...

Toute aide serait grandement appréciée ^^.

Répondre

7

Vous n'avez pas défini le style du corps:

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

Votre marge de corps n'est pas définie à 0px, juste celle de html.

+0

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

+0

Mais la réponse n'était pas aussi détaillée! Je t'ai voté! –

2

Définissez la marge à 0 sur l'étiquette du corps.

body {margin:0;} 
1

En outre - plutôt que d'ajouter:

padding: 0; margin: 0; 

à chaque sélecteur faire globalement en haut de votre fichier CSS:

* { padding: 0; margin: 0; } 
Questions connexes