Hola, lo he probado y con alguna modificacion he conseguido lo que
queria, pero en 800x600 se ve mal...
Joder esto del IE... que asco de navegador.
Jose Florido wrote:
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
_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
