El IE esta locooooooo

Bytevamp · #1 (**permalink**) 20/10/2005, 17:30

pues eso, veamos tengo el siguiente codigo CSS:

Código:

div#Superior { 
	position:absolute;
	top:0; 
	left:2%; 
	width:100%; 
	height:203; 
}
div#Izquierda { 
	position:relative;
	top:0;
	width:25%; 
	height:85%; 
	clear:both;

}
div#Derecha {
	position:absolute;
	top:0;
	left:32%;
	width:70%;
	height:85%;
	clear:both;
}
div#Inferior {
	position:relative;
	top:0;
	width:100%;
	clear:both;
}
div#Cuerpo{
	position:absolute;
	top:202;
	left:2.5%;
	width:70%;	
}

y en el HTML tengo

Código HTML:

<body>
	<div id="Superior"><? include ('cabecera.php');?></div>
	
	<div id="Cuerpo">

        <div id="Izquierda"><? include ('left.php');?></div>
        
        <div id="Derecha"><? include ('inicio.php');?></div>

        <div id="Inferior"><? include ('pie.php');?></div>

    </div>
</body>

Pues bien, con el Mozilla se ve perfectamente, pero en el :-p IE el div de la derecha se me mueve a la derecha, si reduzco el left:32%; de div#Derecha entonces en el :-p IE se ve bien, pero en el Mozilla no

.¿Alguien puede ayudarme?¿o tendre que maquetar con

tablas?

Por cierto, si alguien quiere ver el resultado, por si no me explique bien esta en http://www.visualiaonline.com/client...beta/index.php

Gracias.

leoj90 · #2 (**permalink**) 20/10/2005, 18:27

Eso en IE no funciona... es mejor usar tablas...

Rafael · #3 (**permalink**) 20/10/2005, 18:47

Más bien reordena tus divs. El Cuerpo lo podrías usar de contenedor incluso para la cabeza.
Al de la izquierda le pones un float left
El de la derecha lo pones a que ocupe el espacio que deje el left.