CSS и HTML: выравнивание элементов в Chrome, но не в Firefox

Question

Я пытаюсь создать целевую страницу здесь: http://www.serik.me, и она выглядит хорошо в Chrome и Safari, но не работает в Firefox. В частности, #bottom ID вставляется в #righthalf ID.

Когда я пытался проверить CSS, я столкнулся с кучей ошибок со встроенной флэш-памятью. Я также пробовал все виды исправлений позиционирования (абсолютные, относительные, плавающие и т. Д.), Но ничего не помогло.

Это проблема с моим в HTML?

Есть идеи, что я делаю не так? Я хочу, чтобы три округлые таблицы внизу были центрированы по всей странице под содержимым над ней. Заранее спасибо!

Answer 1

Добавьте это к вашей таблице стилей:

.bottom {clear:both}

Это все, что вам нужно.Извините, я не могу объяснить, почему он работает в Chrome, а не в Firefox, но это, по крайней мере, поможет вам в этом.(Протестировано в FF4)

Днище не центрировано, но в Chrome оно выглядит так же, как и в FF с этим исправлением.

Я не видел каких-либо серьезных проблем с вашим HTML, хотя он не проверял атрибуты alt и прочее встраивание.Это не должно влиять на ваш макет.

Удачи, сайт выглядит хорошо.