Почему моя инструкция «margin: 30px» игнорируется?

Question

У меня проблемы с настройкой поля между 2 элементами на моей странице.

Пример показан здесь: http://jsfiddle.net/fHC9Y/1/

Вы можете видеть, что между подкачкой нет местаструктура под таблицей и поле нижнего колонтитула, где я указал в CSS, что между ними должно быть пространство в 30 пикселей.

Это проблема в IE8 и Firefox (еще не пробовали другие браузеры).

Кто-нибудь знает, что это может быть?

Answer 1

div#Tab плавает влево, поэтому вы получаете такое поведение.

Попробуйте обернуть его в другой div с overflow: hidden.

Answer 2

Попробуйте добавить <p style="clear:both"/> между таблицей и нижним колонтитулом.

Answer 3

Удалить float:left; из .tab_container.

Answer 4

float:left; элемента над ним - то, что заставляет маржу не применяться. (в jsfiddle попробуйте удалить float и посмотреть, что произойдет)

Похоже, что вы делаете clear:both в обоих div, но это не помогает. Если вам нужен плавающий элемент в предыдущем элементе, вам понадобится дополнительный div или оберните один из них дополнительным <div>.

Надеюсь, это поможет.

Answer 5

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

http://jsfiddle.net/hYgQG/