Foros del Web » Creando para Internet » CSS »

Margin no me responde con firefox

Estas en el tema de Margin no me responde con firefox en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/05/2010, 16:01
 
Fecha de Ingreso: mayo-2010
Mensajes: 4
Antigüedad: 7 años, 6 meses
Puntos: 0
Margin no me responde con firefox

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.
  #2 (permalink)  
Antiguo 25/05/2010, 16:49
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Margin no me responde con firefox

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
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 25/05/2010, 17:59
c0w
 
Fecha de Ingreso: enero-2008
Mensajes: 146
Antigüedad: 9 años, 11 meses
Puntos: 0
Respuesta: Margin no me responde con firefox

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.
  #4 (permalink)  
Antiguo 26/05/2010, 11:10
Avatar de BloodShadow  
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 7 años, 8 meses
Puntos: 52
Respuesta: Margin no me responde con firefox

Tu error esta en la linea 250; vamos hombre, pon algo de codigo para poder ayudarte
  #5 (permalink)  
Antiguo 26/05/2010, 12:12
 
Fecha de Ingreso: mayo-2010
Mensajes: 4
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Margin no me responde con firefox

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/
  #6 (permalink)  
Antiguo 27/05/2010, 06:49
Avatar de Atorort  
Fecha de Ingreso: abril-2010
Ubicación: Valencia
Mensajes: 127
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Margin no me responde con firefox

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:
Ver original
  1. body
  2. {
  3. padding: 0px;
  4. margin: 0px;
  5. }

Y acuérdate de limpiar todos los rastros de tu página en los navegadores para que coja bien la css...
__________________
Adrian Tornero Ortiz
Técnico Superior en Desarrollo de Aplicaciones Informáticas
https://www.linkedin.com/in/adriantornero
  #7 (permalink)  
Antiguo 27/05/2010, 08:43
 
Fecha de Ingreso: mayo-2010
Mensajes: 4
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Margin no me responde con firefox

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?
  #8 (permalink)  
Antiguo 27/05/2010, 09:08
 
Fecha de Ingreso: mayo-2010
Mensajes: 4
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Margin no me responde con firefox

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 {}

Etiquetas: firefox, margin, responde
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 09:39.