Проблема с iframe Высота только на Chrome

У меня возникла проблема с высотой iframe только на Chrome. Все остальные браузеры, такие как IE, Opera, Safari и FF, отлично работают.Проблема с iframe Высота только на Chrome

<iframe runat="server" id="ifTest" name="ifTest" frameborder="0" height="790px" width="960px" style="position:inherit;"></iframe>

во всех браузерах это работает отлично, но в Chrome, появляется большое белое пространство в нижней части страницы, после сноске. Если я сброшу высоту в iframe, iframe будет крошечным, но без большого пробела внизу страницы после нижнего колонтитула.

Может ли кто-нибудь мне помочь?

источник

2011-07-22 Lucas Germano

Я думаю, что '' height' и width' свойства выраженные в пикселях без необходимости «px» ('width =" 960 "' вместо 'width =" 960px "'). «Px» может вызвать некоторую причудливость в Chrome. Кроме того, как упоминалось в @Warface, попробуйте установить высоту и ширину с помощью CSS (inline 'style =" position: inherit; width: 960px; height: 790px "'). –

Я пробовал с вашим кодом и добавлял Google в качестве страницы загрузки, и он отлично работает на Chrome для меня. – Warface

Попробуйте

iframe#ifTest{ 
    width:960px; 
    height:790px; 
}

и удалить ширину и высоту от IFrame тега

источник

2011-07-22 18:51:23 Warface

Но IFrame вызвать внешнюю страницу. У меня нет этой страницы в моем решении. Я пробовал некоторые JavaScript, как

function resizeFrame(f) { f.style.height = f.contentWindow.document.body.scrollHeight + "px"; }

источник

2011-07-22 19:09:19

Это помогает в моем случае (работа в Chrome & Moz.Firefox):

iframe { 
    height:100vh; // without it doesn't works 
    width: 100%; 
    overflow:hidden; 
} 

<iframe frameborder="0" name="iframe_article"></iframe>

источник

2016-10-04 13:15:31

Проблема с iframe Высота только на Chrome

ответ

Смежные вопросы