Problema con pixeles extra de Internet Explorer

[ginnomillan]

Hola a todos,

Les escribo para ver si alguien me puede ayudar con mi problema.

Se trata de lo siguiente, en la página web que estoy desarrollando,

http://probe.sytes.net/

Todo funciona bien con firefox. El problema comienza con Internet Explorer 8.

Si se fijan al abrirla, hay una parte inferior con color de fondo azul. Pues bueno, el dilema es que el texto no se mantiene alineado, dependiendo de si aparace o no la barra de scroll vertical, se trata de unos cuantos pixeles, pero me gustaría saber cómo se puede arreglar eso, puesto que como digo solo me ocurre en explorer, no con firefox.

A la espera de sus comentarios, se despide

Ginno

[zerokilled]

no estoy muy claro con lo que mencionas. sin embargo, veo que tienes una hoja de estilo para iexplorer. pues bien, si elimino el selector #contenedor-inferior del archivo index-ie.css se visualiza igual que firefox.

[ginnomillan]

De acuerdo, pero el problema es que cuando lo elimino, la página no me deja hacer scroll vertical... ¿¿??, si uno observa la página con explorer 8 y le colocas más barras de herramientas, cosa que tenga que automáticamente aparacer la barra de scroll vertical... no aparece...

Mira dejé la página con la modificación que tu me dices.

Saludos

Ginno

[zerokilled]

la verdad... o yo no te entiendo, o tu no te explicas. te pongo una captura de como se visualiza. primero, veras como elimine el estilo aplicado a iexplorer.


con scroll vertical


sin scroll vertical

[ginnomillan]

A ver.. tienes razón, mejor con imágenes: Con este código en la hoja de estilos para IE:

/* Sector inferior */
/*#contenedor-inferior {position: absolute; width: 993px; height: 33px; left: 0px; top: 548px; font-family: Arial; font-size: 80%; color: #ffffff;}*/
#institucion {position: absolute; width: 184px; height: 33px; left: 12px; top: 3px; z-index: 1}
#direccion {position: absolute; width: 253px; height: 33px; left: 256px; top: 3px; z-index: 2}
#fono-fax {position: absolute; width: 190px; height: 33px; left: 567px; top: 3px; z-index: 3}
#contacto {position: absolute; width: 53px; height: 33px; left: 815px; top: 3px; z-index: 4}
#sitemap {position: absolute; width: 84px; height: 33px; right: 12px; top: 3px; z-index: 5}
/*-- ESPECIFICACION DE ACCIONES SOBRE LAS FUENTES --*/
/*-- MAPA DEL SITIO --*/
a.sitemap:link {text-decoration:none; color: #ffffff;}
a.sitemap:visited {text-decoration:none; color: #ffffff;}
a.sitemap:active {text-decoration:none; color: #ffffff;}
a.sitemap:hover {text-decoration:underline; color: #ffffff;}
/*-- CONTACTO --*/
a.contacto:link {text-decoration:none; color: #ffffff;}
a.contacto:visited {text-decoration:none; color: #ffffff;}
a.contacto:active {text-decoration:none; color: #ffffff;}
a.contacto:hover {text-decoration:underline; color: #ffffff;}

Esto ocurre: Todas estas capturas son con una resolución de pantalla de 1024x768 que es en la que por defecto estoy diseñando.



Fíjate ahora que al explorer le quité una de las barras de su menú y mira lo que ocurre:



Ese es mi gran drama. Que no me aparece la barra de scroll vertical automáticamente

[ginnomillan]

Bueno,

Por fin lo solucioné. Claro que la solución fue la siguiente:

/* Sector inferior */
#contenedor-inferior {position: relative; width: 1000px; height: 33px; left: 0px; top: 548px; font-family: Arial; font-size: 80%; color: #ffffff;}
#institucion {position: absolute; width: 184px; height: 33px; left: 10px; top: 3px; z-index: 1}
#direccion {position: absolute; width: 253px; height: 33px; left: 256px; top: 3px; z-index: 2}
#fono-fax {position: absolute; width: 190px; height: 33px; left: 567px; top: 3px; z-index: 3}
#contacto {position: absolute; width: 53px; height: 33px; left: 815px; top: 3px; z-index: 4}
#sitemap {position: absolute; width: 84px; height: 33px; right: 10px; top: 3px; z-index:}
/*-- ESPECIFICACION DE ACCIONES SOBRE LAS FUENTES --*/
/*-- MAPA DEL SITIO --*/
a.sitemap:link {text-decoration:none; color: #ffffff;}
a.sitemap:visited {text-decoration:none; color: #ffffff;}
a.sitemap:active {text-decoration:none; color: #ffffff;}
a.sitemap:hover {text-decoration:underline; color: #ffffff;}
/*-- CONTACTO --*/
a.contacto:link {text-decoration:none; color: #ffffff;}
a.contacto:visited {text-decoration:none; color: #ffffff;}
a.contacto:active {text-decoration:none; color: #ffffff;}
a.contacto:hover {text-decoration:underline; color: #ffffff;}

Gracias zerokilled