Otra vez el explorer ¬¬

[Jowy]

El IE otra vez me está volviendo loco. Esta vez con algo tan simple como dos divs dentro de otro div (uno a la izquierda y otro a la derecha). Los 2 divs encajan perfectamente y sumando los tamaños dan el tamaño exacto del div que los engloba:

CSS

Código:

#contenedor {
	float:left;
	width: 902px;
	height:146px;
	margin-top:13px;
	_margin-top:10px;	
	z-index:11;
}

#izquierda{
    float:left;
    width:585px;
    height:146px;	
    background-image:url(img/rejilla.png);
}

#derecha{
     float:right;
     width:307px;
     height:146px;
     margin:0px;
}

HTML

Código:

    <div id="contenedor">
        
             <div id="izquierda"></div>
             
             <div id="derecha">Contenido</div>
             <script type="text/javascript">
             var so = new SWFObject("flash.swf", "flash", "307", "146", "8");
             so.write("derecha");
             </script>
             
    </div>

No se que puede ser pero en Firefox se ve delujo...

:(

[masterpuppet]

cual es el error q te tira?.

[Jowy]

Me desplaza el div del flash (el de la derecha) hacia abajo... pero bastante hacia abajo, como si lo sacara del div contenedor...

[masterpuppet]

el flash debe ser mas grande q el div. proba poner en el #derecha overflow=hidden;
salu2

[Jowy]

nada, continua igual con overflow:hidden; voy a probar a reducir la película a ver... pero no debería de ser eso porque en el dreamweaver se me ve bien y en firefox tambien. Es solo al probar con el IE...

[Jowy]

Desisto... al final lo he hecho todo con un mismo div... y juro a día de hoy que voy a emprender una cruzada anti IE!!!

[masterpuppet]

es raro acabo de probar con un archivo .swf q tenia y lo redimensiona y se ve bien, lo probe en ie 6-7 y ff. yo lo veo bien.
el innombrable es asi, pero no queda otra q coexisistir con el.

[Mikmoro]

EL problema es muy conocido, y es que para IE6 por ejemplo 50% + 50% no son 100%, sino 101% o 102%. ¿Por qué? Ni santa idea, pero normalmente si pones un div de 400px, y dentro pones dos div de 200px cada uno, en IE6 se salta el segundo div porque no cabe. Igualmente 2 divs al 50% no caben, pero uno al 50% y el otro al 49% sí.

No sé la razón, pero me ha ocurrido varias veces, y la solución es sencilla: una caja de 200px y la otra de 198px, o bien, si las dos deben tener 200px, el contenedor tendrá 402px.

Increíble pero cierto.

Mikel.

[juaniquillo]

Es un problema con CSS Box Model:
http://es.wikipedia.org/wiki/Interne..._box_model_bug

[Mikmoro]

Cierto, esto lo conocía, pero para mi lo asombroso es que aunque la caja no tenga margin, ni borde ni padding, ocurre lo mismo. Esa es la parte que no sé a qué se debe.

Mikel.

[Jowy]

Gracias por las respuestas. No conocía este bug del modelo de caja... Pero incluso modificando el div de la derecha y poniendo el flash mucho más pequeño (hay espacio de sobra), el IE6 me da error!!! esta vez de runtime de C++, es como un desbordamiento de pila! Otro bug más! En cambio el IE5.5 ni todos los demás navegadores no me lo dá... La gota que colma el vaso




Al final he optado por redirigir mediante un script php a los usuarios de IE6 a una página donde les propongo amablemente actualizar o cambiar a Firefox 2.0

Quizás perderé visitantes pero mi conciencia quedará tranquila no ofreciendo soporte ni perdiendo mis valiosas horas de tiempo programando para un navegador que no respeta los estándares y que está destinado a la desaparición.

Saludos y gracias por todas las respuestas

[Droid]

El problema de Runtime Error te lo está generando alguna librería de js, a mi en lo personal mootools me ha generado este problema varias veces.

Lo que he hecho es mover la llamada al js al footer o bien cambiar a otra librería como jquerty. Es un problema medio raro, pero si hay info en internet, googlealo "Runtime error in IE" y verás.

[Jowy]

El único JS que uso en la pagina es el swfobject para embeber flash... El error pasa cuando incluyo el div que hace uso de JS por 5ª vez. Crees que puede estar ahi el problema?