Я перевожу страницу, на которой раньше были фреймы, в подход iframe для обеспечения совместимости.Базовый вид очень прост, это заголовок с фиксированной высотой пикселя, а затем содержимое переменной высоты, занимающее остальное пространство экрана с другой страницей в нем.
Я достиг этого через:
<style type="text/css">
* {overflow:hidden}
div#header {position:absolute;top:0px;left:0px;right:0px;height:86px;overflow:hidden;margin:0px;padding:0px;}
div#wrapper {position:absolute;top:86px;left:0px;right:0px;bottom:0px;overflow-y:auto;margin:0px;padding:0px;}
</style>
и
<div id="header">
content in top
</div>
<div id="wrapper">
<iframe src="http://someotherwebpage" style="width:100%;height:100%;" />
</div>
Хотя это прекрасно работает в Chrome и IE, оно не работает в FF и других (например, iPhone).Любые идеи, как я могу улучшить это, чтобы работать во всех браузерах?
Редактировать: Чтобы быть конкретным, под "сбой" я имею в виду, что полоса прокрутки не отображается (вертикальная полоса прокрутки), и, следовательно, я не могу прокрутитьвверх или вниз в FF / другие.В Chrome / IE он отображается и работает как положено.