html,body {margin:0} que no reconoce FireFox

Citar

Escrito el 15 Mar 2007 04:38 pm

Hola a tod@s y gracias por vuestro tiempo.
La cuestion es que al declarar los estilos de una paginillane cestito que un div este completamente arribe de la pagina (el "jider"), asi que lo primero que escribo en la hoja de estilos es

Código :

html, body {margin:0}

miro en IE y funciona como era de esperar, PERO, miro en FireFox ¡¡¡ y no funciona !!!
resulta que me deja un pequeño espacio arriba con lo que otro efectillo que quiero hacer en el pie de la pagina tampoco sale bien.
Supongo que hay algo que estoy pasando por alto, y no que me he encontrado con un bug de FF que ni tiene IE.
Os agradeceria una sugerencia o siete :wink:

Por ChickenExecutor

351 de clabLevel

2 tutoriales
1 articulo

Envíale un mensaje privado

El pais de la Resistance

Citar

Escrito el 15 Mar 2007 04:46 pm

No creo que sea un bug, seguro que la propiedad margin es heredada desde otro elemento y por eso no funciona. Prueba padding: 0; también.

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Barcelona

Citar

Escrito el 15 Mar 2007 11:01 pm

solo queda el espacio en el div o en toda la web?

Por petrov

186 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 15 Mar 2007 11:11 pm

La etiqueta <html> no tiene margin ni padding, la <body> en IE y FF tiene 10px de margin, y en Opera 10px de padding.

Generalmente suele ser suficiente:

Código :

body { margin: 0; padding: 0; }

Fíjate que no pusiste el punto y coma final de la declaración ";". Ojo con la sintáxis.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 15 Mar 2007 11:12 pm

esa es una buena idea...

Por petrov

186 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 16 Mar 2007 09:02 am

prueba a poner px despues del 0

Por sk8erboi

78 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Citar

Escrito el 16 Mar 2007 04:01 pm

sk8erboi, tanto en pixeles, como en porcentaje o en kilómetros, 0 tiene un único valor.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 16 Mar 2007 04:11 pm

Pues no, no funciona, el div que he creado sigue teniendo un margen de 10 pixeles en la parte de arriba. Os paso el codigo a ver si he hecho algo mal:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Jider</title>
<style type="text/css">
body { margin: 0px; padding: 0px; }
#cuadro {
   margin: 0px; padding: 0px;
   background-color:#0000FF;
   height:250px;
}
</style>
</head>
<body>
<div id="cuadro">
<h1>Jider</h1>
</div>
</body>
</html>

Por ChickenExecutor

351 de clabLevel

2 tutoriales
1 articulo

Envíale un mensaje privado

El pais de la Resistance

Citar

Escrito el 16 Mar 2007 11:46 pm

Mmm
Ya se que es.

Los titulos y parrafos, tienen margen arriba y abajo, por alguna razon, en Firefox, el margen se sale de su contenedor y se refleja afuera, en tu caso, el margen que ves es del h1.

Si le pones aunque sea 1px de padding al div, te quitas el problema.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino Bastard Operators From Hell REC Héroes

Envíale un mensaje privado Web

London, UK

@ramono

Citar

Escrito el 17 Mar 2007 01:09 pm

Vaaaleeee!!!
Tienes razon Ramm,le he puesto el padding de 1px como decias y ahora funciona correctamente, ademas ahora entiendo el porque de algunas anomalias que encontraba en otras paginillas.
La cuestion de todo esto es porque quiero hacer una pagina que tenga un footer siempre en la parte mas baja de la pagina sea cual sea su contenido y solo lo conseguia en IE (extraño eh!), en FF me quedaba 10 px mas abajo.
2.7e21 GRACIAS a todos.

Por ChickenExecutor

351 de clabLevel

2 tutoriales
1 articulo

Envíale un mensaje privado

El pais de la Resistance

html,body {margin:0} que no reconoce FireFox

Escribe una respuesta rapida