Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/11/2009, 17:53
ferranWEB
 
Fecha de Ingreso: enero-2002
Mensajes: 1.872
Antigüedad: 22 años, 2 meses
Puntos: 3
volviendome loco con divs y IE6

buenas,

he leido que mucha gente se ha encontrado con el mismo problema que yo, aunque todo lo que he probado nada ha funcionado.

tengo definidas divs dentro de divs, tal que asi:

#contenido_lista #lista.....

#contenido_productos #productos

y en ordenadores con IE6 se me ponen las divs unas encimas de otras. hay alguna forma de hacer algo??

os dejo el codigo

[STYLE]

/* elementos comunes */

HTML, BODY {height:100%; margin:0;}
BODY {background-color:#261d20; position:relative; min-width:965px; min-height:650px; font-family:"Arial", Tahoma, Arial; color:#261d21;}
IMG {border:0;}

#web {position:absolute; left:50%; margin-left:-483px; top:50%; margin-top:-325px; width:965px; height:650px; background-image:url('../img/fondo.gif');}
#web_sup {position:absolute; left:50%; margin-left:-483px; top:50%; margin-top:-325px; width:965px; height:12px; background-image:url('../img/fondo_sup.gif'); background-color:#fff;}
#web_cen {position:relative; top:12px; left:0; width:965px; height:627px; background-image:url('../img/fondo_cen.gif'); background-color:#fff;}

#menu_superior {position:absolute; left:190px; top:17px; height:20px; font-size:14px; line-height:120%;}
#menu_superior a {text-decoration:underline; color:#261d21;}

#logo_superior {position:absolute; left:10px; top:8px; height:20px; font-size:14px; line-height:120%;}

#leyendas {position:absolute; left:-140px; top:495px; height:20px; font-size:13px; line-height:120%;}

#menu_izquierda {position:absolute; left:0; top:56px; width:177px; font-size:8px; line-height:100%;}

#menu_izquierdaAdmin {position:absolute; left:0; top:56px; width:177px; font-size:12px; line-height:100%;}

#menu_izquierda .submenu {
position:relative;
top:4px;
left:27px;
font-size: 14px;
}
#menu_izquierda .submenuAdmin {
position:relative;
top:4px;
left:27px;
font-size: 12px;
}
#menu_izquierda #capa_denominaciones {position:relative; left:5px; top:5px; width:172px; height:47px; background-image:url('../img/denominaciones.gif');}
#menu_izquierda #capa_bodegas {position:relative; left:5px; top:5px; width:172px; height:46px; background-image:url('../img/bodegas.gif');}
#menu_izquierda #capa_productos {position:relative; left:5px; top:5px; width:172px; height:46px; background-image:url('../img/productos.gif');}
#menu_izquierda #capa_lotes {position:relative; left:5px; top:10px; width:172px; height:46px; background-image:url('../img/lotes.gif');}
#menu_izquierda select {position:absolute; left:7px; top:19px; font-family:Tahoma, Arial; color:#656565; font-size:11px; width:165px;}

#pie {position:absolute; left:105px; bottom:5px; width:860px; text-align:center; font-family:Tahoma, Arial; color:#615659; font-size:11px; line-height:120%;}
#pie a {color:#231b1e;}

#pie_flotante {position:absolute; left:0; bottom:-15px; width:965px; height:20px; text-align:center; font-family:Tahoma, Arial; color:#615659; font-size:11px; line-height:120%; background:url('../img/fondo_inf.gif');}
#pie_flotante a {color:#231b1e;}


/* HOME */

#menu_derecha {position:absolute; left:822px; top:44px; width:128px; height:530px;}
#menu_derecha .subtitulo {height:20px; text-align:center; background-color:#e8dcc7; font-family:"Arial-bold", Tahoma, Arial; font-weight:bold; font-size:11px;}
#menu_derecha .subtitulo a {text-decoration:none; color:#261d21;}

#contenido_home {
position:absolute;
left:190px;
top:40px;
width:610px;
height:588px;
font-size: 10px;
}


/* LISTA DE PRODUCTOS, INFO */

#contenido_lista {position:absolute; left:190px; top:40px; width:425px; font-size:11px; line-height:120%;}
#contenido_lista img {display:block;}
#contenido_lista a {color:#666;}
#contenido_lista .tachado {text-decoration:line-through;}

#menu_inferior {position:absolute; left:183px; top:599px; width:778px; height:29px; background-image:url('../img/min_fondo.gif'); font-size:14px; line-height:100%;}
#menu_inferior #links {position:absolute; left:38px; top:10px;}

#menu_inferior_flotante {position:relative; left:-438px; top:500px; width:778px; height:29px; background-image:url('../img/min_fondo.gif'); font-size:14px; line-height:100%; margin-right:-300px;}
#menu_inferior_flotante #links {position:absolute; left:38px; top:10px;}

#carrito {position:absolute; top:40px; right:7px; width:337px; font-family:Tahoma, Arial; font-size:12px; line-height:120%;}
#carrito table thead tr {height:42px;}
#carrito table thead td {background-image:url('../img/carrito_encabezado.gif');}
table .fila1 {background-color:#eee8c0;}
table .fila2 {background-color:#e7d6a2;}
#carrito table input {position:relative; top:-2px; width:15px; text-align:right; font-family:Tahoma, Arial; font-size:12px; line-height:100%;}
#carrito table .iva {font-size:10px;}
#carrito table tfoot tr {height:28px;}
#carrito table tfoot td {background-image:url('../img/carrito_pie.gif'); font-weight:bold; color:#fff;}
#carrito table tfoot .precio {font-size:16px;}
#carrito table tfoot img {position:relative; top:2px;}

/* INFO */

#contenido_lista #ficha {font-size:14px; line-height:120%;}
#contenido_lista #ficha {font-family:"-regular", Tahoma, Arial; font-size:14px; line-height:100%;}
#contenido_lista #ficha {position:absolute; top:0; left:150px; width:270px; height:400px;}
#contenido_lista #ficha table td {text-align:left;}
#contenido_lista #ficha thead td {color:#fff; background-color:#261d20;}
#contenido_lista #ficha thead .encabezado {background-image:url('../img/info_encabezado.gif');}
#contenido_lista #ficha .nombre {font-family: "Arial-bold", Tahoma, Arial; font-size:20px; line-height:100%;}
#contenido_lista #ficha tfoot td {color:#caa82d; background-color:#261d20; font-weight:bold;}
#contenido_lista #ficha tfoot .pie {background-image:url('../img/info_pie.gif');}
#contenido_lista #ficha tfoot .precio {font-size:18px; font-weight:normal;}


#contenido_lista #foto {position:absolute; top:0px; left:0px; width:140px; height:400px;}

#contenido_lista #anadir {position:relative; top:10px; left:-130px; width:390px; height:79px; background-image:url('../img/info_fondoanadir.gif');}
#contenido_lista #anadir #anadir1 {position:absolute; left:5px; top:5px;}
#contenido_lista #anadir #anadir2 {position:absolute; left:5px; top:35px;}
#contenido_lista #anadir #fotobodega {position:absolute; right:5px; top:5px;}



/* INFO LOTES*/

#contenido_lista #ficha2 {font-size:14px; line-height:120%;}
#contenido_lista #ficha2 {font-family:"-regular", Tahoma, Arial; font-size:14px; line-height:100%;}
#contenido_lista #ficha2 {
position:absolute;
width:270px;
height:400px;
}
#contenido_lista #ficha2 table td {text-align:left;}
#contenido_lista #ficha2 thead td {color:#fff; background-color:#261d20;}
#contenido_lista #ficha2 thead .encabezado {background-image:url('../img/info_encabezado_lote.gif');}
#contenido_lista #ficha2 .nombre {font-family: "Arial-bold", Tahoma, Arial; font-size:16px; line-height:100%;padding-left: 10px}
#contenido_lista #ficha2 tfoot td {color:#caa82d; background-color:#261d20; font-weight:bold;}
table .fila1 {background-color:#eee8c0;}
table .fila2 {background-color:#e7d6a2;}
#contenido_lista #ficha2 tfoot .pie {background-image:url('../img/info_pie_lote.gif');}
#contenido_lista #ficha2 tfoot .precio {font-size:18px; font-weight:normal;}


/* COMPRAR */

#carrito_final {
position:absolute;
top:57px;
left:200px;
width:640px;
font-family:Tahoma, Arial;
font-size:12px;
line-height:120%;
}
#carrito_final table thead tr {height:42px;}
#carrito_final table thead td {background-image:url('../img/carrito_encabezado650.gif');}
table .fila1 {background-color:#eee8c0;}
table .fila2 {background-color:#e7d6a2;}
#carrito_final table .cantidad {position:relative; top:-2px; width:15px; text-align:right; font-family:Tahoma, Arial; font-size:12px; line-height:100%;}
#carrito_final table .iva {font-size:10px;}
#carrito_final table tfoot tr {height:28px;}
#carrito_final table tfoot td {background-image:url('../img/carrito_pie650.gif'); font-weight:bold; color:#fff;}
#carrito_final table tfoot .precio {font-size:16px;}
#carrito_final table tfoot img {position:relative; top:2px;}
#carrito_final img {display:inline;}

#carrito_final #menu_inferior_flotante {position:relative; left:-16px; top:500px; width:778px; height:29px; background-image:url('../img/min_fondo.gif'); font-size:14px; line-height:100%; margin-right:-300px;}
#carrito_final #menu_inferior_flotante #links {position:absolute; left:38px; top:10px;}

[/STYLE]
saludos

Última edición por ferranWEB; 17/11/2009 a las 18:03