Foros del Web » Creando para Internet » CSS »

Preoblemas con los margenes en ie

Estas en el tema de Preoblemas con los margenes en ie en el foro de CSS en Foros del Web. Hola a todos... Tengo un problemaso con los margenes en ie, en fx se ve bien pero en ie no... Codigo html: <div id="cuerpo"> <div ...
  #1 (permalink)  
Antiguo 12/12/2008, 11:58
Avatar de XLora  
Fecha de Ingreso: diciembre-2007
Ubicación: Dallas Tx. USA
Mensajes: 100
Antigüedad: 10 años
Puntos: 3
Pregunta Preoblemas con los margenes en ie

Hola a todos...
Tengo un problemaso con los margenes en ie, en fx se ve bien pero en ie no...

Codigo html:
<div id="cuerpo">
<div id="izq">
</div>
<div id="der">
</div>
</div>


CSS:
#cuerpo
{
width:780px;
float:left;
}
#izq
{
width:200px;
height:400px;
margin:0px 10px 0px 10px;
float:left;
background:pink;
}
#der
{
width:540px;
height:400px;
margin:0px 10px 0px 0px;
float:left;
background:#ccc;
}


El problema es que en internet explorer el margen derecho que se lo aplico a #izq se ve como de 15 a 20px mientras que en Firefox se ve normal...
Si le aplico un /margin:0px 10px 0px 5px; es decir un ancho de margen de 5 pinceles solo a IE ya queda normal pero yo quiero saber ¿por qué?...
Recuerdo que otra ocasion me paso igual, pero hizé algo y todo funcionaba normal...
Alguien puede darme una ayudadita para arreglar ésto, es que no me gusta usar "/*-" nada de eso, me gusta tener un codigo limpio...
  #2 (permalink)  
Antiguo 12/12/2008, 12:06
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: Preoblemas con los margenes en ie

es un bug de ie6, que hace que el margen de los elementos flotados se duplique, aunque solo el lado que flota:
- si flota a la izq, el margen izquierdo se duplica
- si flota a la der, el margen derecho se duplica

hay 2 soluciones:
- ponerle a ese elemento "display:inline" (que en este caso no te sirve porque le estas dando un ancho)
- reducirle el margen a mano, aunque para eso es mucho mejor no usar un hack como usastes tu, sino tener un archivo ie6.css y cargarlo con comentarios condicionales
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
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 05:21.