Hola amigos del foro, hasta ahora no tenia acceso a mi css, pero ya estoy en el pc en el q lo tengo...
Aquí dejo el css que he diseñado..., tendrá partes mal partes bien, etc... el tema es que la página valida bien: "This Page Is Valid XHTML 1.0 Transitional!"
Bueno aqui dejo el css a ver si alguien le ve el fallo que busco, aunque se que encontraréis otros que no vienen al caso... A mi lo que me interesa es descubrir POR QUE en IE se ve mal y en el resto de navegadores se ve Bien...
AYUDA PORFAVOR !!!
Código PHP:
body{
background-color:#ffffff;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
/* ------------------ */
/* Estructura ------> */
/* ------------------ */
#todo{
height:auto;
width:100%;
}
/* Diseño cabecera ------> */
#header{
top:0px;
left:0px;
height:210px;
width:100%;
}
#fondo_cabecera{
background-image:url(../img/fondo_cabecera_01.png);
background-repeat:repeat-x;
background-position:top;
background-position:left;
background-color: transparent;
position:absolute;
left:0px;
top:0px;
margin-right:0px;
height:180px;
width:100%;
z-index:0;
}
#logo_cabecera{
background-image:url(../img/ballonti_logo_cabecera.png);
background-repeat:no-repeat;
background-position:left;
background-position:top;
background-color: transparent;
position:absolute;
left:220px;
top:30px;
height:90px;
width:270px;
z-index:2;
}
#seleccion_idioma{
position:absolute;
left:525px;
top:100px;
height:15px;
width:130px;
z-index:3;
}
/* lista seleccion_idioma ---> */
#seleccion_idioma ul{
list-style:none;
margin:0px;
padding:0px;
}
#seleccion_idioma li{
display: inline;
padding:0px;
margin:0px;
}
/* estilos enlaces menu_principal ---> */
#seleccion_idioma li a.e2:link, #seleccion_idioma li a.e2:visited{
text-decoration:none;
background-image:url(../img/fondo_btn_01.png);
background-position:left;
background-position:top;
color:#000000;
padding:0px 5px 0px 5px;
}
#seleccion_idioma li a.e2:hover{
text-decoration:none;
background-image:url(../img/fondo_btn_02.png);
background-position:left;
background-position:top;
color:#ffffff;
padding:0px 5px 0px 5px;
}
/* fin lista y estilos enlaces menu_principal ---> */
#flechita_fondo_menu_principal{
background-image:url(../img/flechita_fondo_menu_principal.png);
background-repeat:no-repeat;
background-position:left;
background-position:top;
background-color:transparent;
position:absolute;
left:50px;
top:150px;
height:60px;
width:40px;
z-index:3;
}
#menu_principal{
background-image:url(../img/fondo_menu_01.png);
background-repeat:repeat;
background-position:left;
background-position:top;
background-color: transparent;
border-bottom:1px solid;
border-right:1px solid;
border-color:#dae5eb;
position:absolute;
left:50px;
top:150px;
height:60px;
width:600px;
font-size:13px;
line-height:11px;
z-index:2;
}
/* lista menu_principal ---> */
#menu_principal ul{
list-style:none;
margin:0px;
padding:12px 0px 0px 50px;
}
#menu_principal li{
display: inline;
padding:0px;
margin:0px;
}
/* estilos enlaces menu_principal ---> */
#menu_principal li a:link, #menu_principal li a:visited{
color:#ffffff;
text-decoration: none;
}
#menu_principal li a:hover{
color:#000000;
text-decoration: none;
}
/* fin lista y estilos enlaces menu_principal ---> */
/* FIN Diseño cabecera ------> */
/* Diseño ZONA CUERPO ------> */
#zona_cuerpo{
top:200px;
left:0px;
height:auto;
width:100%;
}
/* INICIO Diseño caja_submenu ---> */
.caja_submenu {
background-image:url(../img/fondo_generico_caja.png);
border-bottom:1px solid;
border-right:1px solid;
border-color:#dae5eb;
border-top:6px solid #000000; !important
position:relative;
padding-top:30px;
padding-right:0px;
padding-left:10px;
padding-bottom:10px;
margin-left:680px;
margin-top:0px;
margin-bottom:20px;
width:200px;
overflow:hidden;
clear:left;
}
/* lista caja_submenu ---> */
.caja_submenu ul{
margin:0px;
padding:0px 0px 0px 22px;
line-height:16px;
}
.caja_submenu li{
border-top:1px dotted #dae5eb;
list-style:none;
}
/* estilos enlaces caja_submenu ---> */
.caja_submenu li a.e3:link, .caja_submenu li a.e3:visited{
text-decoration:none;
color:#666666;
}
.caja_submenu li a.e3:hover{
text-decoration:none;
background-image:url(../img/fondo_btn_03_tramado.png);
float:none;
display:block;
color:#000000;
}
/* fin lista y estilos enlaces caja_submenu ---> */
/* FIN Diseño caja_submenu ---> */
/* Textos ------> */
.texto_negro01{
color:#000000;
}
.titulo_azul{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#0793cd;
}