Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/07/2009, 06:52
Avatar de wilhos
wilhos
 
Fecha de Ingreso: noviembre-2007
Mensajes: 56
Antigüedad: 16 años, 5 meses
Puntos: 1
Problema con IE

Buen día!

Hola a todos, tengo el siguiente problema, agradezco a todos aquellos que me puedan ayudar con sus experiencias.

Estoy elaborando mi propio sitio web de mi micro empresa y creo que hasta el momento voy bien, pero tengo problema con la visualización de una de las páginas en IE no se ve todo el contenido

Por le que he leído estoy seguro que tiene que ver con la compatibilidad del CSS, como puedo solucionar este inconveniente? Gracias a los que me puedan ayudar!!

Estas son las hojas de estilo relacionadas a esta pagina:

Hoja de estilos principal

* {
margin:0;
padding:0;
}

body {
font-family:"Lucida Grande", Verdana, sans-serif;
font-size:14px;
color:#253C75;
font-weight:lighter;
background-color:#FFF;
}

ul {
list-style-type:none;
}

.header {
height:145px;
background-color:#253C76;
border-top:none;
background-image:url(../Imagenes/Cabecera.gif);
background-repeat:no-repeat;
}

.header ul.menuheader {
width:235px;
height:50px;
position:absolute;
top:95px;
left:700px;
}

.header ul.menuheader li {
float:left;
height:45px;
width:48px;
list-style-type:none;
}

.header ul.menuheader li.home a {
width:48px;
height:48px;
display:block;
text-indent:-200000px;
background-image:url(../Imagenes/home.png);
background-repeat:no-repeat;
margin:0 8px 0 -20px;
}

.header ul.menuheader li.info a {
width:48px;
height:48px;
display:block;
text-indent:-2000px;
background-image:url(../Imagenes/info.png);
background-repeat:no-repeat;
margin:0 8px 0 -20px;
}

.header ul.menuheader li.contac a {
width:48px;
height:48px;
display:block;
text-indent:-200000px;
background-image:url(../Imagenes/contact.png);
background-repeat:no-repeat;
margin:0 0 0 -20px;
}

.content_body {
background-repeat:repeat-x;
background-color:#FFF;
}

p.more {
width:320px;
height:25px;
float:left;
background:0 10px repeat-x;
background-image:url(../Imagenes/sky-color-bg.gif);
display:inherit;
padding:0 0 20px;
}

.cabina {
float:right;
padding-right:10px;
width:150px;
}

p.more a {
width:150px;
height:20px;
display:block;
background:0 0 no-repeat #fff;
color:#003360;
line-height:21px;
text-transform:capitalize;
text-decoration:inherit;
background-image:url(../Imagenes/cotizar.png);
font-weight:700;
margin:0 0 0 328px;
padding:5px 0 5px 60px;
}

p.more a:hover {
background:0 0 no-repeat #fff;
color:#ED9456;
text-decoration:none;
background-image:url(../Imagenes/cotizar-hover.png);
}

p.ficha {
width:320px;
height:25px;
float:left;
background:0 10px repeat-x;
padding:0 0 20px;
}

p.ficha a {
width:150px;
height:30px;
display:block;
background:0 0 no-repeat #fff;
color:#003360;
line-height:25px;
text-transform:capitalize;
text-decoration:inherit;
background-image:url(../Imagenes/Adobe_reader.png);
font-weight:700;
margin:0 0 0 5px;
padding:5px 0 5px 40px;
}

p.ficha a:hover {
background:0 0 no-repeat #fff;
color:#ED9456;
text-decoration:none;
background-image:url(../Imagenes/Adobe_hover.png);
}

a img {
border:none;
}

.content_interior {
width:760px;
margin-left:auto;
margin-right:auto;
}

.header_interior {
margin-left:auto;
margin-right:auto;
width:760px;
margin-top:25px;
}

.header_shadow {
background-image:url(../Imagenes/degraheader.png);
background-repeat:repeat-x;
height:50px;
}

.title {
color:#375D81;
font-size:25px;
padding-top:3px;
margin:0;
}

.left_column {
width:196px;
float:left;
margin-top:40px;
clear:both;
}

.navigation {
width:184px;
padding-left:6px;
padding-right:6px;
padding-top:2px;
}

.right_column {
width:545px;
float:right;
margin-top:40px;
margin-bottom:25px;
border-left:solid 1px #5274A8;
padding-left:15px;
}

.share {
margin-left:420px;
}

.hr {
width:100%;
height:8px;
background-image:url(../Imagenes/hr.gif);
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
background-repeat:no-repeat;
background-position:center;
}

a:link,a:visited {
color:#268CCD;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

h2 {
color:#006698;
font-size:18px;
font-weight:400;
letter-spacing:-1px;
padding-left:25px;
background-repeat:no-repeat;
margin:0;
}

h2 a:link,h2 a:hover,h2 a:visited {
color:#000001;
text-decoration:none;
}

h1 {
font-size:22px;
font-weight:400;
letter-spacing:-1px;
color:#375D81;
margin:0;
}

h4 {
color:#006698;
font-size:12px;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid #069;
border-bottom:1px solid #069;
margin:0;
}

h3 {
color:#183152;
font-size:19px;
font-weight:400;
letter-spacing:-1px;
text-transform:uppercase;
margin:0 0 8px;
}

h5 {
color:#FAFDFE;
font-size:19px;
font-weight:400;
letter-spacing:-1px;
text-transform:capitalize;
background-image:url(../Imagenes/H3.png);
height:34px;
text-align:center;
vertical-align:text-bottom;
margin:0 0 8px;
}

hr {
width:auto;
border-top:1px solid #5274A8;
margin-bottom:8px;
margin-top:8px;
}

.markermenu {
list-style-type:none;
width:180px;
list-style:none;
background-color:#FFF;
margin:5px 0;
padding:0;
}

.markermenu li a {
background-position:10px;
font-weight:700;
color:#003360;
display:block;
text-decoration:none;
border-bottom:3px solid #FFF;
list-style-type:none;
list-style:none;
background-image:url(../Imagenes/menu-normal.gif);
text-align:right;
padding:3px 0 3px 30px;
}

.markermenu li a:visited,.markermenu li a:active {
color:#00014e;
}

.markermenu li a:hover {
color:#FF944A;
background-image:url(../Imagenes/menu-hover.gif);
background-color:#FFF;
}

.imgrigth {
width:210px;
float:right;
}

.footer {
background-color:#FFF;
padding-top:2px;
padding-bottom:2px;
height:180px;
}

.footer-inner {
width:760px;
margin-left:auto;
margin-right:auto;
height:auto;
clear:both;
text-align:center;
}

.footer-div {
width:200px;
float:left;
margin-right:20px;
margin-left:20px;
}

.html .footer-div {
width:150px;
float:left;
margin-right:15px;
margin-left:10px;
}

li {
margin-left:30px;
list-style-type:square;
color:#006698;
}

#tinybox {
position:absolute;
display:none;
background:#fff url(../images/preload.gif) no-repeat 50% 50%;
border:10px solid #e3e3e3;
z-index:2000;
padding:10px;
}

#tinymask {
position:absolute;
display:none;
top:0;
left:0;
height:100%;
width:100%;
background:#fff;
z-index:1500;
}

#tinycontent {
background:#fff;
}

#button {
font:14px Georgia,Verdana;
margin-bottom:10px;
border:1px solid #ccc;
background:#eee;
cursor:pointer;
padding:8px 10px 9px;
}

.button:hover {
border:1px solid #bbb;
background:#e3e3e3;
}

#vidrio {
margin-left:150px;
}


Hoja de estilos de ligthbox


#lightbox {
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#lightbox img {
width:auto;
height:auto;
}

#lightbox a img {
border:none;
}

#outerImageContainer {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}

#imageContainer {
padding:10px;
}

#loading {
position:absolute;
top:40%;
left:0;
height:25%;
width:100%;
text-align:center;
line-height:0;
}

#hoverNav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}

#imageContainer>#hoverNav {
left:0;
}

#hoverNav a {
outline:none;
}

#prevLink,#nextLink {
width:49%;
height:100%;
display:block;
}

#prevLink {
left:0;
float:left;
width:49%;
}

#nextLink {
right:0;
float:right;
width:49%;
}

#prevLink:hover,#prevLink:visited:hover {
background:url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover {
background:url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
line-height:1.4em;
overflow:auto;
width:100%;
margin:0 auto;
}

#imageData {
color:#666;
padding:0 10px;
}

#imageData #imageDetails {
width:70%;
float:left;
text-align:left;
}

#imageData #caption {
font-weight:700;
}

#imageData #numberDisplay {
display:block;
clear:left;
padding-bottom:1em;
}

#imageData #bottomNavClose {
width:66px;
float:right;
padding-bottom:0.7em;
outline:none;
}

#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
}