Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/07/2010, 03:06
rulide
 
Fecha de Ingreso: enero-2006
Mensajes: 86
Antigüedad: 18 años, 3 meses
Puntos: 1
Problema con vision de capas

Hola,

Estoy haciendo una web con Dreamweaver con capas. Con Mozilla se ve tal cual lo estoy editando, pero con el Internet Explorer y el Google Chrome, las capas se solapan unas a otras y es un auténtico desastre.

He estado mirando post de gente que le pasaban cosas parecidas, y muchos lo arreglaban modificando la posición de relativa a absoluta. Comprobé que no fuera eso pero esta todo en "position: absolute".
Cita:
<style type="text/css">
#apDiv1 {
position:absolute;
width:201px;
height:252px;
z-index:0;
left: 703px;
top: 352px;
}
.Titulo {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 16px;
color: #FFF;
}
#apDiv2 {
position:absolute;
width:201px;
height:152px;
z-index:1;
left: 10px;
top: 548px;
visibility: visible;
}
#apDiv4 {
position:absolute;
width:201px;
height:344px;
z-index:1;
left: 10px;
top: 12px;
}
#apDiv5 {
position:absolute;
width:201px;
height:180px;
z-index:1;
left: 10px;
top: 724px;
visibility: visible;
}
#apDiv6 {
position:absolute;
width:201px;
height:174px;
z-index:1;
left: 10px;
top: 363px;
visibility: visible;
}
#apDiv7 {
position:absolute;
width:777px;
height:561px;
z-index:1;
left: 235px;
top: 899px;
visibility: visible;
}
#apDiv8 {
position:absolute;
width:384px;
height:446px;
z-index:1;
left: 490px;
top: 1101px;
visibility: visible;
}
#apDiv9 {
position:absolute;
width:201px;
height:188px;
z-index:1;
left: 10px;
top: 922px;
visibility: visible;
}
.letras {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}
#apDiv {
position:absolute;
width:777px;
height:817px;
z-index:1;
left: 235px;
top: 12px;
visibility: visible;
}
#apDiv10 {
position:absolute;
width:212px;
height:171px;
z-index:1;
left: 9px;
top: 364px;
}
#apDiv11 {
position:absolute;
width:212px;
height:171px;
z-index:1;
left: 9px;
top: 364px;
}
#apDiv12 {
position:absolute;
width:212px;
height:171px;
z-index:1;
left: 9px;
top: 364px;
}
#apDiv13 {
position:absolute;
width:211px;
height:337px;
z-index:1;
left: 9px;
top: 12px;
}
#apDiv14 {
position:absolute;
width:380px;
height:220px;
z-index:1;
left: 234px;
top: 664px;
}
#apDiv15 {
position:absolute;
width:201px;
height:172px;
z-index:1;
left: 9px;
top: 715px;
}
#apDiv16 {
position:absolute;
width:212px;
height:171px;
z-index:1;
left: 9px;
top: 584px;
visibility: visible;
}
.definicion {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 9px;
color: #FFF;
}
#google {
position:absolute;
width:200px;
height:115px;
z-index:0;
left: 805px;
top: 11px;
visibility: hidden;
}
</style>
Alguien sabe que es lo que puede estar ocurriendo?