Margin no me responde con firefox

[MANCHEG0]

Bueno, ante todo decir que soy muy nuevo en todo esto del diseño web, asi que todo es nuevo para mi y claro estoy aprendiendo cosas constatemente pero a base de golpes. Estoy diseñando una pagina web, la primer que hago, y mas o menos todo va bien, pero tengo un problema y es que la modificaciones que yo hago del margin en un div en explorer responden con normalidad pero sin embargo en firefox no, por mas modificaciones que hago al ejecutar la pagina con firefox no cambia nada. Me tiene ya bastante desquiciado el tema, porque podria ser?, que puedo estar haciendo mal?. Gracias a todos de antemano, saludos.

[Daniel Ulczyk]

Hola *MANCHEG0*

Los navegadores cuentan con valores por defectos, intentá implementar un reset css

Y—por cierto—no tomes la costumbre de escribir todo en bold es muy incómodo leerte

[c0w]

A mi me paso lo mismo, y para solucionarlo por ejemplo en vez de poner el margin en un div, le puse padding al otro.

Suerte.

[BloodShadow]

Tu error esta en la linea 250; vamos hombre, pon algo de codigo para poder ayudarte

[MANCHEG0]

Bueno, supongo que habrá errores por todas partes pero no me preocupa teniendo en cuenta que es la primera que hago, de momento lo que me trae de cabeza es que no se vea igual la pagina principal, os pongo la pagina y ya me direis las barbaridades que estoy haciendo. http://manchego.atwebpages.com/

[Atorort]

Uhm, que margen es? El único que veo distinto en según que navegador es el inferior, en IE aparece pegado al borde, mientras en mozilla se separa unos 10 px...Prueba a ponerle al html o al body, o a los dos (a la fuerza XD)

Código CSS:

body
{
padding: 0px;
margin: 0px;
}
 

Y acuérdate de limpiar todos los rastros de tu página en los navegadores para que coja bien la css...

[MANCHEG0]

Como he dicho habrá muchos errores, pero el que quiero resolver de momento es el que afecta a las tres imagenes centrales de la pagina principal: la grande que va rotando y las dos que estan junto a esta a la derecha, una encima de la otra. Las lineas que le tengo puestas a el estilo-general.css son:

#rotacion {margin: 10px 0px 10px 0p ; float: left }

#publi-euro {margin: 20px 0px 15px 0p ; float: right }
#publi-gordo {margin: 15px 0px 20px 0p; float: right}

En explorer se ve como yo quiero que se vea, pero en firefox no solo no se ve bien sino que ademas me mueve de su sitio otrs divs.
Otra cosa, que es eso de limpiar todos los rastros de mi pagina?, como se hace?

[MANCHEG0]

Este es el estilo-general.css completo:

* {
text-indent: 0px;
margin:0px;
padding:0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: 10;
border-bottom-style: 10;
}
p{text-align:justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

body {text-align:center}

img {border-style: none}
#global {width:1016px;margin:4px auto}

#global-aviso-legal {width:630px;margin:0px auto}

#cabecera {background-color: white ; background-image: url(imagenes/abst34.jpg) ; background-repeat: no-repeat ; height: 160px}
#logotipo { float:left ;margin: 10px 0px 0px 80px }
#molino {float: right ; margin: 22px 10px 0px 0px }

#navegacion {background-image: url(imagenes/barra.gif); background-repeat: no-repeat ; border: black 0px 1px 0px 1px; height:35px ; width:1016px}
#navegacion li {float:left; list-style:none ; margin: 5px 16px 0px 16px}
#navegacion ul { margin-left: 10px ; margin-right: 10px }

#rotacion {margin: 10px 0px 10px 0p ; float: left }
#publi-euro {margin: 20px 0px 15px 0p ; float: right }
#publi-gordo {margin: 15px 0px 20px 0p; float: right}

#contenido {width:1016px ; background-color: #E0F8F7 ; }
#contenido p {padding: 5px 10px 5px 10px }
#contenido-contacto {width:1016px ; background-image: url(imagenes/postal-contacto.jpg) ; background-repeat: no-repeat }
#contenido-contacto p {padding: 5px 10px 5px 10px }

#contenido-noticias {width:1016px ; background-image: url(imagenes/noticias.jpg) ; background-repeat: no-repeat }

#contenido-aviso-legal {width:600px }
#curva-superior-aviso-legal { background-image: url(imagenes/curva-superior-aviso-legal.gif) ; background-repeat: no-repeat ; width:630px ; height: 12px ; overflow: hidden }
#curva-inferior-aviso-legal { background-image: url(imagenes/curva-inferior-aviso-legal.gif) ; background-repeat: no-repeat ; width:630px ; height: 12px ; overflow: hidden }
#borde-izquierdo-aviso-legal { background-image: url(imagenes/borde-izquierdo-aviso-legal.gif) ; background-repeat: no-repeat ; height: 1600px ; width: 12px ; overflow: hidden ; float: left }
#borde-derecho-aviso-legal { background-image: url(imagenes/borde-derecho-aviso-legal.gif) ; background-repeat: no-repeat ; height: 1600px ; width: 12px ; overflow: hidden ; float: right }
#borde-izquierdo { background-image: url(imagenes/borde-izquierdo.gif) ; background-repeat: no-repeat ; height: 980px ; width: 15px ; overflow: hidden ; float: left }
#borde-derecho { background-image: url(imagenes/borde-derecho.gif) ; background-repeat: no-repeat ; height: 980px ; width: 15px ; overflow: hidden ; float: right }
#comprar {width: 150px ; float: left ; text-align:left; margin: 3px 10px 3px 3px ;background-image: url(imagenes/menu-parte-inferior.gif); background-position: bottom ; padding-botton: 5px}
#comprar li {list-style:none ; margin: 18px 15px 8px 5px}
#comprar h1 {
text-decoration:underline;
font-size:20px;
padding-top:12px;
background-image: url(imagenes/menu-curva-superior.gif);
background-repeat: no-repeat;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
color: #003300;
}
#resultados {width: 150px ; float: right ; text-align:left; margin: 3px 3px 3px 10px ;background-image: url(imagenes/menu-parte-inferior.gif); background-position: bottom ; padding-botton: 5px}
#resultados li {list-style:none ; margin: 18px 15px 8px 5px}
#resultados h1 {
text-decoration:underline;
font-size:20px;
padding-top:12px;
background-image: url(imagenes/menu-curva-superior.gif);
background-repeat: no-repeat;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
color: #003300;
}
#jugar-comprobar {margin: 0px 5px 0px 5px}
#dibujo { margin: 0px 45px 0px 0px ; float: right }
#pie { background-color: #E0F8F7 ; border-left: #E0F8F7 0px solid ; border-right: #E0F8F7 0px solid; border-top: #E0F8F7 0px solid ; padding: 10px 0px 0px 0px}
#participaciones {float:left; width: 150px ; height:120px; padding: 5px 15px 5px 6px}
#botes {float:left ; width: 150px ; height:120px ; padding: 5px 15px 5px 0px}
#peñas {float:left ; width: 150px ; height:120px ; padding: 5px 15px 5px 0px}
#contacto {float:left ; width: 150px ; height:120px ; padding: 5px 15px 5px 0px}
#facebook {float:left ; width: 150px ; height:120px ; padding: 5px 15px 5px 0px}
#tiempo {float:left ; width: 150px ; height:120px ; padding: 5px 0px 5px 0px}
#datos {font-size: 0.7em; color:black ; font-weight: bold ; background-color: #E0F8F7 }
#curva-inferior { background-image: url(imagenes/curva-inferior.gif) ; background-repeat: no-repeat ; width:1016px ; height: 15px ; overflow: hidden }
a {color: brown ; text-decoration:none }
a:link {}
a:visited {}
a:hover {color: red ; text-decoration: underline ; background-color:white}
a:active {}