Что такое исправление для проблем с высотой iFrame в FireFox?

Question

Я посмотрел вокруг и прошел через мой код несколько раз, но просто не могу найти решение моей проблемы:

Функции Iframe в FireFox:

Функция Iframe в Chrome:

HTML:

<iframe width="100%" height="100%" frameBorder="0" id="map" src="link-to-map"></iframe> 

CSS:

#map { 
    max-width: 900px; 
    height: 400px !important; 
    padding: 10px; 
    margin: 20px auto; 
} 

Ничто Стараюсь исправления высота выпуск в FireFox, не кто-либо другой имел эту проблему и нашел решение?

Answer 1

Решения вопроса я имеющему было <span> класса со свойством display:none; (используюсь для JQuery загрузки страницы), я изменил это к <div> с имуществом visibility: hidden;, и это устранило проблему.

Это, пожалуй, проблема только в FireFox. Я не уверен, что это ошибка или, может быть, просто мое плохое кодирование.

Надеюсь, это сэкономит кому-то еще много стресса в будущем.

Answer 2

Попробуйте поместить IFRAME в

height:100%; 

в DIV из

height: 400px !important; 

или просто сделать IFRAME

height: 400px; 

Answer 3

<iframe width="880px" height="380px" frameBorder="0" id="map" src="link-to-map"></iframe>

#map { 
max-width: 900px; 
height: 400px !important; 
padding: 10px; 
margin: 20px auto; 

}

Надеется, что будет работать ...