Foros del Web » Creando para Internet » HTML »

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

Estas en el tema de como eliminar el espacio que queda arriba de la pagina en mozilla en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/12/2010, 17:59
 
Fecha de Ingreso: septiembre-2010
Mensajes: 137
Antigüedad: 7 años, 2 meses
Puntos: 0
como eliminar el espacio que queda arriba de la pagina en mozilla

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
  #2 (permalink)  
Antiguo 04/12/2010, 18:21
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: como eliminar el espacio que queda arriba de la pagina en mozilla

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
  #3 (permalink)  
Antiguo 04/12/2010, 18:34
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: como eliminar el espacio que queda arriba de la pagina en mozilla

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
  1.     <head>
  2.         <title>ASD</title>
  3.         <style type="text/css">
  4.             body {text-align:center;margin: 0px;}
  5.             p {margin: 0px;} /*solución poco eficiente */
  6.             #principal {height:100%;width:800px;margin:0px auto;background:green;}
  7.         </style>
  8.     </head>
  9.     <body>
  10.         <div id="principal">
  11.             <p>PARRAFO</p>
  12.         </div>
  13.     </body>
  14. </html>
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: arriba, eliminar, espacio, mozilla, queda
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:35.