Tengo una página que en IE no me sale correctamente. El flash incrustado se queda cargando y el menu no termina de cargar la hoja de estilo.
la página es
http://www.etxealai.com/servicios.htm
Código:
* {
padding: 0px;
margin: 0px;
}
body {
background: #E8EDBB url(bg.gif) repeat-y 0 0;
color: #777;
font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
text-align: center;
}
#container {
width: 602px !important;
height:auto;
margin: 0 auto;
background: #F2F6DD; /*url(fondo.gif) no-repeat 0 100%;*/
border-left: 1px solid #88896B;
border-right: 1px solid #88896B;
text-align: justify;
position:relative;
padding:0px 0px 0px 0px;
}
#cabecera {
height:40px;
border-bottom: 1px solid #ddd;
}
#ban {
width:602px;
}
#supportingText {
float:right;
text-align:justify;
}
#supportingText #footer {
padding-left:20px; padding-right:20px; padding-top:50px; padding-bottom:12px;
}
#footer {
text-align: center;
background: url(line.gif) no-repeat 50% 50%;
padding-bottom: 20px;
padding-top: 100px;
}
#linkList {
position: relative;
border-right: 1px solid #e7e7e7;
float:left;
}
#navcontainer
{
width:100%;
float:right;
border-top: 1px solid #ddd;
background-color: #88896B;
}
#navcontainer ul {
padding: 0;
}
#navcontainer ul li {
display:inline;
}
#barra {
height: 40px;
background:#F9F9E2;
}
#menuarriba li {
display: inline;
text-transform:capitalize;
border-top: 0px;
border-bottom: 0px;
float: right;
list-style-type:none;
padding-top: 20px;
margin-left: 5px;
padding-right: 5px;
}
#barra ul
{
/*border-bottom: 5px solid #000000;*/
}
#navcontainer ul
{
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 8px/10px;
letter-spacing: 1px;
}
#navcontainer ul li a
{
padding: 5px 11px 5px 11.5px;
background-color: #88896B;
color: #FFFFFF;
text-transform: capitalize;
text-decoration: none;
float: left;
border-left: 1px solid #94B473;
}
#navcontainer ul li a:hover
{
background-color: #7B9D25;
color: #FFFFFF;
}
#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background-color: #557700;
text-align: left;
text-transform:capitalize;
font-size: 8px/10px;
font-family: Arial, Tahoma, Verdana, sans-serif;
}
#galeria li{
display:inline;
text-transform:capitalize;
border-bottom:0px;
margin: auto;
padding-left:85px;
}
#fotos, #fotos1, #fotos2 {
margin-top: 20px;
}
#galeria {
margin-top:20px;
}
#fotos li, #fotos1 li, #fotos2 li {
display:inline;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 10px;
border-bottom:0;
}
a img {
border: 2px solid #727E4E;
}
h1 {
font-weight: normal;
font-size: 1.0em;
line-height: 1.0em;
text-indent: -2000em;
display: block;
width: 70%;
float:left;
height: 40px;
background: #F9F9E2 url(h1-a.gif) no-repeat;
}
h2 {
font:12px/1.6em Tahoma, Arial, Verdana, sans-serif;
font-weight:900;
color:#88896B;
padding: 5px 20px;
margin-top: 20px;
margin-bottom: 10px;
text-align: left;
}
h3 {
width: 70%;
height: 5%;
padding-top: 10px;
padding-left: 20px;
padding-bottom: 10px;
margin:10px 10px 0 20px;
color:#003399;
font: 11px/1.4em Tahoma, Arial, Verdana, sans-serif;
text-align: left;
background: url("icon0009.gif") no-repeat left;
}
h4 {
font: 10px/1.4em Arial, Tahoma, Verdana, sans-serif;
color:#FFFFFF;
background: #C8CD9A url("flechita.gif") no-repeat 5% 50%;
padding: 5px 20px;
text-align: left;
margin: 0;
}
p {
padding: 5px 20px;
width: 450px !important;
}
.p1 {
padding-top: 2px;
}
/* ---------- ul, li ---------- */
ul, li {
list-style: none;
}
ul {
border-top: 0px;
}
li {
text-transform: lowercase;
border-bottom: 1px solid #ddd;
}
#lselect li {
background-color:#E6EBB8;
padding:5px 7px 5px 10px;
text-transform:capitalize;
text-align:left;
}
#lselect li:hover {
background-color: #F9F9E2 ;/* url(puntito.gif) no-repeat left center*/
}
a {
text-decoration: none;
}
#intro a, #supportingText a ,#footer a {
font-weight: bold;
color: #97A667;
}
#linkList a {
color: #777;
}
#lselect a {
display:inherit;
color: #9ead6c;
}
#lselect a.c {
display: inline;
color: #777;
}
#footer a:hover, #footer a:active, #linkList a:hover, #linkList a:active, #lselect a.c:hover, #lselect a.c:active {
color: #222;
}
#intro a:hover, #footer a:hover, #intro a:active, #supportingText a:hover, #supportingText a:active, #lselect a:hover, #lselect a:active {
color: #727E4E;
}
