IE ошибка толкает контент вниз и вправо - как это решить?

Question

Макет в IE6 ломается, как на картинке:

Код сайта

Кто-нибудь знает, как исправитьэто?

Спасибо

Answer 1

Вы можете использовать firebug-lite, чтобы помочь вам решить эту проблему. Он работает в любом браузере - вы просто добавляете ссылку на javascript в ваш html и получаете интерфейс, похожий на firebug, с помощью которого можно просматривать ваши элементы (а также их поля и отступы). Это помогло мне с проблемой верстки в IE6 вчера.

Answer 2

Хорошо, быстро взглянем на ваш код:

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

IE6 не поддерживает высоту: 0 - вы можете играть с высотой строки, хотя

Другие проблемы с выравниванием, я бы поиграл с размещением там специфических стилей ie6 и попытался бы сломать / исправить это.

Вы делаете это с добавлением подчеркивания в вашем CSS, например:

height: 100px; /* all browsers see thing */
_height: 200px; /* only ie6 sees this */

Это немного хакерски, но поможет вам выяснить, где вам нужно иметь специфичные для ie6 стили. Надеюсь, это поможет.