Высота столбца CSS отличается от Opera / IE до FF - PullRequest
0 голосов
/ 26 апреля 2010

Спасибо всем, кто помог с моим последним вопросом, но у меня появилась новая независимая от браузера проблема:

По какой-то причине на сайте, над которым я работаю, навигатор изображений (еще не работающий) в настоящее время не отображается в нужном месте в Firefox. Он появляется в нужном месте в IE8 и Opera, но Firefox, похоже, имеет проблемы с ним.

Как видно из рисунка ниже, div imageContainer (изображение и стрелки влево / вправо) отображается в верхней части нижнего колонтитула, именно так он и должен выглядеть, т.е. как он выглядит в IE8 и Opera.

оперное изображение http://img686.imageshack.us/img686/5872/operat.jpg

Но на изображении ниже, div imageContainer почему-то врезается в div нижнего колонтитула, и я не знаю почему.

изображение Firefox http://img339.imageshack.us/img339/6069/firefoxlz.jpg

imageContainer имеет margin-top: 110px;, чтобы получить его в нужном месте внизу своего столбца. Есть 2 столбца, в левом размещены абзацы и imageContainer, а в правом - календарь и контактные данные. Div нижнего колонтитула также имеет clear: both;

Кроме того, в нижний колонтитул попадает не только изображение, но и стрелки, только они того же цвета, что и нижний колонтитул, поэтому это не сразу видно.

Есть идеи, почему он не отображается правильно? Есть ли лучший способ выравнивания imageContainer по нижней части его столбца (для сохранения формы окна веб-сайта), кроме использования поля margin-top для его позиционирования?

Заранее спасибо,

infinitifizz

приписка

Полностью забыл, что я не разместил ссылку на сайт, вот где у меня есть место для временного размещения: Хостинг

1 Ответ

0 голосов
/ 26 апреля 2010

Отсутствие доступа к реальному сайту затрудняет ответ, но вы можете попробовать что-то вроде position: relative; bottom: 0, чтобы разместить элементы внизу.

...