Barra desplazamiento lateral IE8-

LoGaNsF · #1 (**permalink**) 27/08/2012, 07:59

Hola,

Estoy haciendo una web personal, la tengo ya subida (http://doblede.xtrweb.com) y resulta que al probar con IE9 en modo IE8 o IE7, me aparece la barra de desplazamiento horizontal y es como si el body tuviera un padding o el contenedor un margin, pero nada de eso. Me separa un poco el contenedor principal y aparece la dichosa barra.

El caso es que en Chrome usando IETabs se ve perfecto, no se si fiarme de IE o del complemento de Chrome.

El codigo podeis verlo mejor con "Inspeccionar elemento", que es bastante. Pero basicamente tengo:

Código HTML:

...
<body>
  <div id="main-menu">
    ... el menu fijo de la parte de arriba ...
  </div>

  <div id="main-container">
    ... aqui todo el contenido de la web ...
  </div>
</body>
...

En el CSS del #main-container solo tengo:

Código HTML:

#main-container{ padding-top: 60px; }

He probado con margin:0 y esta igual. El body si tiene margin: 0 y hasta con padding: 0 he probado y nada. Uso como base HTML5 Boilerplate. No se si sera cosa de IE9 en modo compatibilidad o que.

Gracias.

Un saludo.

#2 (**permalink**) 27/08/2012, 08:22

Si estas usando h5bp, puedes poner algo así:

Código CSS:

Ver original.lt-ie9 body {
  overflow:hidden
}

Pero, con lo bien que está la web, creo que cualquiera se actualizaría para verla bien (en serio, me encanta el diseño

). Es decir, que no te compliques demasiado...

Un saludo!

flashmax · #3 (**permalink**) 27/08/2012, 11:32

No se puede ingresar a tu web.

Kaspersky
Internet Security 2012
ACCESO DENEGADO
No se puede proporcionar la URL solicitada

URL: http://doblede.xtrweb.com/

Bloqueado por Antivirus Internet

Motivo: URL fraudulenta

LoGaNsF · #4 (**permalink**) 27/08/2012, 13:00

Pues a mi me va perfectamente, al compañero también y a quien la ha visto hoy también. No se que sera.

Gracias 3nr1c, me alegro que te guste, la verdad que me costo decidirme en el diseño. Y por mi tampoco tocaría nada, pero al menos que se vea bien el IE8. He usado overflow-x, porque overflow me quita lateral y vertical, solo me interesa la lateral. Esta mejor, pero se sigue viendo ese pequeño espacio.

No se si habrá algún hack CSS, porque quizás sea padding.