en blanco HTML Quiero borrar

StackOverflow https://stackoverflow.com/questions/1058179

Pregunta

Tengo un nuevo problema que me molesta ...

Estoy haciendo una página web que quiero ser fijo sin desplazamiento y lo más importante que quiero mi principal Div para llenar aaaaaaaaall mi espacio disponible ...

Hice este código 

<!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>

Como se puede ver consigo un espacio en blanco entre mi término elemento de cuerpo y mi frontera elemento div aunque mi cuerpo de relleno y el margen div se establecen en 0 ...

Había una vez leído "Más Eric Meyer sobre CSS" que contiene una solución a este problema, pero fue hace mucho tiempo y no recuerdo ...

Cualquier ayuda sería muy apreciada ^^.

¿Fue útil?

Solución

No se ha configurado el estilo del cuerpo: 

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

Otros consejos

Su margen cuerpo no está ajustado a 0 px, sólo la de HTML.

Para establecer el margen de 0 en el cuerpo de la etiqueta. 

body {margin:0;}

Además - en lugar de añadir: 

padding: 0; margin: 0;

para cada selector de hacerlo a nivel mundial en la parte superior de su archivo CSS: 

* { padding: 0; margin: 0; }
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top