2010-05-24 18 views
10

Tiene un problema molesto en IE7. Tengo un sitio web donde, en la parte inferior de cada página hay un Iframe, y por mi vida no puedo ocultar las barras de desplazamiento. Esto es solo en IE7, todos los otros navegadores que he probado están bien.Iframe siempre mostrando barras de desplazamiento en IE7

Tengo scrolling = "no" y establezco overflow: hidden; aún no funciona bien sin embargo.

Si anyones consiguieron todo lo que podría sugerir que estaría muy agradecido

http://www.keyscape.co.uk es el sitio

Saludos Martin

+0

ver aquí, creo: http://stackoverflow.com/questions/67354/dreaded-iframe-horizontal-scroll-bar-cant-be-removed-in-ie – OpaCitiZen

Respuesta

7

Prueba a poner la etiqueta BODY del contenido IFRAME a <BODY scroll="no"> y añadir la siguiente CSS la página del contenido:

html 
{ 
    overflow:hidden; 
} 
+0

Gracias por la sugerencia, no ha funcionado aunque –

+0

Otra cosa que he hecho en el pasado es establecer el ancho y alto del contenido en el IFRAME y usar la posición absoluta. Prueba eso también. –

+0

Lo del cuerpo es importante tener en cuenta –

17

a dding scroll = "no" al cuerpo de la página de destino de mi iframe funcionó para mí. En total, aquí está la costra adicional que he añadido a mi iframe para varios navegadores, tal vez esto ayude a alguien más:

marco flotante HTML fuente:

<body style="overflow:hidden;" scroll="no"> 

etiqueta iframe en la página:

<iframe width="280" height="196" src="http://dev.example.com/source.html" 
style="overflow:hidden;" marginheight="0" marginwidth="0" frameborder="0"> 
</iframe> 
+0

La gran respuesta funciona perfectamente –

2

mediante el uso de jQuery de la página padre

<script type="text/javascript"> 
$('#iframeid').contents().find('body').css('overflow', 'hidden'); 
$('#iframeid').contents().find('body').attr('scrolling', 'No'); 
</script> 

uso esto, debería funcionar.

+2

Esto no funcionará si la página en la que se enmarca está en un dominio diferente (razones de seguridad) –

Cuestiones relacionadas