Foros del Web » Creando para Internet » CSS »

CSS para Explorer y Firefox

Estas en el tema de CSS para Explorer y Firefox en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/11/2004, 05:09
 
Fecha de Ingreso: septiembre-2004
Mensajes: 6
Antigüedad: 13 años, 2 meses
Puntos: 0
Pregunta CSS para Explorer y Firefox

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.
  #2 (permalink)  
Antiguo 23/11/2004, 05:59
Avatar de Vice  
Fecha de Ingreso: agosto-2003
Mensajes: 613
Antigüedad: 14 años, 4 meses
Puntos: 2
¿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.
__________________
Estoy contagiado de Generación-I
  #3 (permalink)  
Antiguo 23/11/2004, 06:02
Avatar de Muzztein  
Fecha de Ingreso: agosto-2002
Ubicación: Hangar 18
Mensajes: 1.703
Antigüedad: 15 años, 3 meses
Puntos: 16
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>



  #4 (permalink)  
Antiguo 23/11/2004, 06:12
 
Fecha de Ingreso: septiembre-2004
Mensajes: 6
Antigüedad: 13 años, 2 meses
Puntos: 0
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..."
  #5 (permalink)  
Antiguo 23/11/2004, 07:06
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
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.
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
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:28.