Hola!

>En IE la capa central se ve un poco más abajo de o que tendría que verse
>y la capa de la derecha se ve más a la derecha... os dejo el código del
>CSS a ver si sabeis porque puede ser :?

El problema es que estabas mezclando margin-top con top y margin-left con
left. En los div con posicionamiento absoluto usa top en lugar de
margin-top. Además no estabas definiendo el doctype por lo que en IE
obtenias resultados ligeramente distintos al renderizar la pagina.
Habia varios pequeños fallos más y varias propiedades que no estaban
teniendo efecto.
Otro pequeño detalle: cuando asignes valor 0 a alguna propiedad no le
especifiques la unidad (padding: 0; en lugar de padding: 0px;).

Arreglé un poco el código y creo que ya va como lo necesitas, no lo explico
porque no creo que sea necesario, si tienes alguna duda comentalo de nuevo
:)

Ahi va el css:

-------------------
body {
 margin: 0;
 padding: 0;
}

#header {
 margin: 10px 0 5px 10px;
 border: 1px dashed #ccc;
 width: 98%;
 height: 130px;
}

#toolbar {
 margin-left: 10px;
 border: 1px dashed #ccc;
 width: 98%;
 height: 20px;
}

#left {
 position: absolute;
 top: 175px;
 margin-left: 10px;
 padding-left: 4px;
 padding-right: 4px;
 border: 1px dashed #ccc;
 width: 12%;
}

#medio {
 position: absolute;
 top: 175px;
 margin-left: 15%;
 padding-left: 4px;
 padding-right: 6px;
 border: 1px dashed #ccc;
 width: 68%;
}

#right {
 position: absolute;
 top: 175px;
 right: 5px;
 padding-left: 4px;
 padding-right: 10px;
 border: 1px dashed #ccc;
 width: 12%;
}
-------------------

y el html:

-------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>

<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="es" lang="es">
<head>
<title>Page</title>
</head>
<body>
 <div id="header">header</div>
 <div id="toolbar">toolbar</div>
 <div id="left">left</div>
 <div id="medio">medio</div>
</body>
</html>
---------------------

un saludo! :D


_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a