Hola a todos
seguramente este tema ya haya sido respondido en el foro, pero he estado buscando y no he encontrado lo que buscaba específicamente.
Es obvio que IE y Mozilla muestran contenidos de formas diferentes con el mismo código, pero me ha sorprendido que lo haga con código sencillo. Me explico, haciendo unas pruebas básicas con capas, elementos <div>, los resultados en un navegador y otro son alarmantemente diferentes. El código es tan sencillo como:
Código HTML:
<div id="parte_superior" style="position:relative; width:80%; background-color: #FFFFFF; border: 1px solid #000000;">
<div id="Menu_esp" style="float:left; width:50%; background-color: #006633; border: 1px none #000000; height: 200;">
primer bloque </div>
<div id="Menu_esp" style="width:50%; background-color: #FF6633; border: 1px none #000000; height: 200;">
segundo bloque </div>
</div> Y podéis probar el resultado tan diferente en un navegador y otro en
http://www.s21web.com/pruebas/prueba.html
Tengo varias dudas:
1.) A la hora de diseñar, que navegador debemos tener en cuenta?. Supongo que todos, pero entonces ¿cómo solucionar la intrepretación tan diferente de unos navegadores a otros?
2.) ¿Porque Mozilla no interpreta bien las capas en mi ejemplo?
Espero haber documentado bien el caso
Saludos y gracias!!