Holas :D
Generalmente, cuando de trabajar con CSS se trata, tengo problemas con Firefox, pues es más estricto que IE en cuanto a validez de instrucciones.
Sin embargo, esta ocasión ha sido sorprendentemente a la inversa: los estilos que he aplicado a una DIV, funcionan en FF pero no en IE O_O!!
Lo raro para mí es que, siendo cinco las DIVs de la página, en las cuatro primeras los estilos respectivos son aplicados correctamente, mas no así en la última DIV. Todo esto en IE (pues en FF sí se ven los cinco estilos correctamente).
Este es el código de la página:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>.:: Mini Portales de quinqui v.2 ::.</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="qmp_soulc3/qmp_soulc3.css">
</head>
<body vlink="#2a3b43">
<!-- Capa Todo -->
<div id="divTodo" style="width: 300px">
<!-- CAPA divSec -->
<div id="divSec">
Menu Secundario y otros links
</div>
<!-- CAPA divTop -->
<div id="divTop">
Banner
</div>
<!-- CAPA divCont -->
<div id="divCont">
Contenido Principal
</div>
<!-- CAPA divMenu -->
<div id="divMenu">
Secciones
</div>
</div>
<!-- Fin Capa Todo -->
</body>
</html>
Y esta la parte de la hoja CSS con los estilos de las Capas:
Código HTML:
/* Capa General */
#divTodo
{ position: absolute;
left: 150px;
z-index: 0;
font-family: Tahoma, Verdana, sans-serif }
/* Capa Secundaria */
#divSec
{ width: 180px;
height: 480px;
position: absolute;
z-index: 1;
top: 100px;
left: 510px;
background-color: #2a3b43;
background-image: url() }
/* Capa Banner Top */
#divTop
{ width: 390px;
height: 150px;
position: absolute;
z-index: 2;
top: 0px;
left: 100px;
background-color: ;
background-image: url() }
/* Capa Contenido */
#divCont
{ width: 390px;
height: 480px;
position: absolute;
z-index: 3;
top: 150px;
left: 150px;
background-color: #bf8c67;
background-image: url(../qmp_img/soulc3/qmp_fonX.jpg) }
/* Capa Menú */
#divMenu
{ width: 180px;
height: 360px;
position: absolute;
z-index: 4;
top: 50px;
left: 0px;
background-color: #bf8c67;
background-image: url() }
El estilo que no es aplicado usando IE es el de la capa
divMenu. Por cierto, he validado esta página y el código CSS usando los validadores de W3C y ha dado OK a mis códigos. Todavía me pregunto qué le pasó a IE...
Desde ya, muy agradecida por su atención :)