перевод фрейма в iframe

Question

Я перехожу к странице, которая раньше использовала фреймы для подхода 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). Любые идеи, как я могу улучшить это, чтобы работать на всех браузерах?

Редактировать: Чтобы быть конкретным, «fail» Я имею в виду, что полоса прокрутки не отображается (вертикальная полоса прокрутки), и поэтому я не могу прокручивать вверх или вниз в FF/другие. В Chrome/IE он отображается и работает так, как ожидалось.

Answer 1

Попробуйте изменить * {overflow:hidden} к * {overflow:auto}