#html #css #cross-browser
#HTML #css #кроссбраузерный
Вопрос:
Я пытаюсь создать целевую страницу здесь:http://www.serik.me и это хорошо выглядит в Chrome и Safari, но не работает в Firefox. В частности, идентификатор #bottom увеличивается до идентификатора #righthalf.
Когда я попытался проверить CSS, я столкнулся с кучей ошибок со встроенным flash. Я также пробовал всевозможные исправления позиционирования (абсолютное, относительное, с плавающей точкой и т.д.), Но, похоже, ничего не работает.
Это проблема с моим в HTML?
Есть идеи, что я делаю не так? Я хочу, чтобы три закругленные таблицы внизу были центрированы по всей странице под содержимым над ней. Заранее спасибо!
Комментарии:
1. Это какой-то сумасшедший специалист по обработке клавишных инструментов! Приятные мелодии 🙂
2. Хаха, спасибо, чувак! На данный момент лучше продюсер, чем хакер…
Ответ №1:
Добавьте это в свою таблицу стилей:
.bottom {clear:both}
Это должно быть все, что вам нужно. Извините, я не могу объяснить, почему это работает в Chrome, а не в Firefox, но это должно, по крайней мере, направить вас в нужное русло. (Протестировано в FF4)
Нижняя часть на самом деле не центрирована, но в Chrome она выглядит так же, как и в FF с этим исправлением.
Я не видел каких-либо серьезных проблем с вашим html, хотя он не проверял alt атрибуты и элементы для встраивания. Однако это не должно влиять на ваш макет.
Удачи, сайт выглядит красиво.
Комментарии:
1. Спасибо, что сработало отлично! Я провел небольшое исследование относительно того, почему {clear: both} устраняет проблему, и я думаю, что понимаю, что произошло, но не то, какое это имело отношение к FF. В любом случае, потрясающе! Красиво выглядит! Каков был бы наилучший способ центрировать .bottom в этом сценарии? Старый добрый <center> сработал для меня, но автоматическое отступление CSS влево / вправо не сработало. Любые дополнительные советы были бы с благодарностью!
2. @Serik: Похоже, вы уже отцентрировали его! Если это было полезно и решило вашу проблему, пожалуйста, подумайте о том, чтобы принять это как свой ответ, установив флажок. Это привычка, которой вы захотите овладеть, если решите остаться 😉 Что касается сайта и jamz, мой прощальный совет таков: не используйте таблицы для верстки, используйте CSS.
3. Еще раз спасибо. Поскольку я все больше и больше осваиваюсь с CSS, я обязательно удалю таблицы