como eliminar el espacio que queda arriba de la pagina en mozilla

Alfonso1 · #1 (**permalink**) 04/12/2010, 17:59

tengo este pagina:

<style>
body{text-align:center;margin:0}
#principal{height:100%;width:800px;margin:0 auto;background:green}
</style>
<html>
<head>
<title>ASD</title>
</head>
<body>
<div id="principal">
<p>PARRAFO</p>
</div>
</body>
</html>

si lo prueban en mozilla, la pagina empiesa con un espacio blanco entre la pagina verde y la parte de arriba del navegador

Portgaz · #2 (**permalink**) 04/12/2010, 18:21

Algo raro que en mis practicas tambien me pasa, y no he podido solucionarlo.
p.d: no solo arriba, el float left y right, tambien sale ese pequeño margen como de 2 px.

ya le he intentado:
dandole el padding, a 0 (que no tiene nada que ver) Y NADA
margin 0 Y NADA
top, left y right a 0 Y NADA

maycolalvarez · #3 (**permalink**) 04/12/2010, 18:34

no hay nada de extraño (exceptuando que el bloque style tiene que anidarse dentro de head), simplemente es el comportamiento por defecto de los párrafos (<p></p>), o usa <div></div> en lugar de ellos

Código HTML:

Ver original<html>
    <head>
        <title>ASD</title>
        <style type="text/css">
            body {text-align:center;margin: 0px;}
            p {margin: 0px;} /*solución poco eficiente */
            #principal {height:100%;width:800px;margin:0px auto;background:green;}
        </style>
    </head>
    <body>
        <div id="principal">
            <p>PARRAFO</p>
        </div>
    </body>
</html>