2010-05-24 12 views
10

Problem irytujący w IE7. Mam stronę internetową, na której u dołu każdej strony znajduje się element iframe, a na moje życie nie mogę ukryć pasków przewijania. Jest to tylko w IE7, każda inna przeglądarka, którą przetestowałem, jest w porządku.Iframe zawsze wyświetla paski przewijania w IE7

Mam przewijanie = "nie" i ustawione przepełnienie: ukryte; wciąż nie działa.

Jeśli anyones dostał nic mogły sugerować, byłbym bardzo wdzięczny

http://www.keyscape.co.uk jest miejscem

Cheers Martin

+0

patrz tutaj, myślę: http://stackoverflow.com/questions/67354/dreaded-iframe-horizontal-scroll-bar-cant-be-removed-in-ie – OpaCitiZen

Odpowiedz

7

Spróbuj ustawić BODY tag treści IFRAME do <BODY scroll="no"> i dodaj po CSS strona z treścią:

html 
{ 
    overflow:hidden; 
} 
+0

Dzięki za sugestię, nie zadziałał chociaż –

+0

Inną rzeczą, którą zrobiłem w przeszłości, jest ustawienie szerokości i wysokości zawartości w IFRAME i użycie pozycji absolutnej. Spróbuj także. –

+0

sprawa dotycząca ciała jest ważna, aby pamiętać –

17

a ding scroll = "no" do treści strony docelowej iframe działało dla mnie. W sumie, oto dodatkowy cruft dodałem do mojego iframe dla różnych przeglądarek, może to pomoże kogoś innego:

iFrame źródło HTML:

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

iFrame tag na stronie:

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

Świetna odpowiedź działa idealnie –

2

używając jQuery od strony nadrzędnej

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

Korzystanie z tym, powinno działać.

+2

To nie zadziała, jeśli strona, na której jesteś iframe, znajduje się w innej domenie (z powodów bezpieczeństwa) –

Powiązane problemy