IE & Firefox имеет ограничение ширины div?

Question

Короче, я пытаюсь сделать скроллер погоды, который будет отображать погоду по горизонтали примерно для 50 городов. Проблема, с которой я столкнулся, заключается в том, что IE и FF создают города на 2-3 строки, в то время как Chrome держит их в красивой горизонтальной линии. Таким образом, Chrome имеет 1 строку прокрутки с погодой, а IE + FF - 2-3. Я вставил свой текущий код в pastebin, чтобы не переполнять страницу.

http://pastebin.ca/1316234

У кого-нибудь есть идеи?

Спасибо.

Редактировать: игнорировать последнюю строку Javascript, которая читает widnow.onresize.

Answer 1

Вы делаете следующее:

.weather_entry{
 display:inline;
 float:left;
}

Это не разрешено. Float поддерживается только для элементов уровня блока. Использование следующего должно делать то, что вы хотите.

.weather_entry{
 display:block
 float:left;
}

Поплавок будет следить за тем, чтобы элементы находились на одной линии. Кроме того, я не совсем уверен, почему вы делаете шатер плавающим: слева, но у вас могут быть на это причины.