CSS para Explorer y Firefox

[dragoncete]

Saludos,

Tengo un problemilla con estos dos navegadores y su tan largamente perseguida compatibilidad al leer las paginas.

Al intentar pasar mi sitio web de tablas a capas, al tener una pagina principal y un menú a la izquierda, tengo al general como relativo y el menu absoluto.

El problema está en que con Firefox el general se ve correctamente, mientras que con el Explorer no hace caso de que ahi hay una columna y sigue mostrando el contenido por debajo del menú.

Al intentar definir un width: 100%; ocurre el caso contrario, con Explorer se ve bién pero con Firefox se superpone. Habria alguna manera de estandarizar esto, o como dar la instruccion del width sin que firefox le haga caso (no sé donde leí que usando width: expression ('100%'); se conseguia que solo explorer lo reconociese, pero ni caso).

Este es el codigo que tengo:

#Principal{
top:0px;
margin-right: 190px;
width: 90%;
display: block;
}

#MenuIzquierda{

top: 0px;
position: absolute;
right: 0;
width: 190px;
display: block;
bottom: 44px;
border-bottom: solid 1px #CCCCCC;
}

Gracias por adelantado por sus ideas y/o soluciones.

[Vice]

¿probaste a poner en la principal "float: left;"?. Yo tengo una página con dos capas de ese estilo y me las muestra bien en ambos navegadores.

[Muzztein]

probe esto con los dos navegadores que mencionas y se ven iguales


<style>
#Principal{
top:0px;
margin-right: 190px;
width: 90%;
display: block;
}

#MenuIzquierda{

top: 0px;
position: absolute;
right: 0;
width: 190px;
display: block;
bottom: 44px;
border-bottom: solid 1px #CCCCCC;
}
</style>

<div id="MenuIzquierda"> aqui menu </div>
<div id="Principal"> aqui principal </div>

[dragoncete]

El float: left; ya lo probé, y no funcionó.

En cuanto a lo que Muzztein me sugiere, tambien lo puedo aplicar si tengo los divs definidos en un archivo css a parte? En ese caso como pongo lo del style, antes de cada div en el documento htm?

Para salir del paso he tenido que dividirlos en dos celdas de una tabla para así poder medianamente 'aparcar' este tema en lo que a diseño se refiere y así seguir con otros asuntos, pero entiendo que "ese no es el camino, joven padawan..."

[PascalC]

hay muchas maneras para hacer lo que quieres, float:left en el menu y position absolute en la capa principal es una solucion que tambien uso y que me funciona perfectamente.