IE7 Extra Spacing / Padding между DIV

Question

Просматривал вопросы и гуглил, но я не могу найти решение этой проблемы.Макет отлично выглядит для Grid где угодно, кроме IE7 (удивительно).

http://lalive -branch.aeg-webdev.com /

Ящики должнывсе находятся в пределах 5 пикселей друг от друга, но в IE7 интервал ниже divs полностью загружен.Я внес несколько исправлений, чтобы попытаться свести к минимуму различия в отображении между браузерами, но это просто ошеломляет мой разум.

Буду признателен за любую информацию или помощь.Пожалуйста, игнорируйте ошибку jquery и лайки :), спасибо.

Answer 1

Удалить: clear:both внутри вашего кода CSS для:

.gridRow {display:block; /* Remove - clear:both; */}

Тогда это будет работать во всех браузерах.

Answer 2

Вы должны сделать несколько изменений внутри вашего CSS:

1) Внутри .gridRow удалите очистите: оба , тогда вам следует рассмотреть возможность добавления атрибута overflow и поместить все поля и отступы внутри .gridRow вместо .gridBox. Лучше практиковаться, потому что вам нужно менять только один класс, когда ваш макет меняется.

.gridRow {
    /*clear: both;*/
    display: block;
    margin-top: 5px;
    overflow: auto;
}

Answer 3

Если вы хотите использовать только стили IE7, вы можете добавить к тегу следующее:

<!--[if IE 7]>
<style type="text/css">
.myIE7onlyClass {/*styles here*/}
</style>
<![endif]-->

Answer 4

Вы должны использовать скрипт для решения этой ошибки CSS.

в вашем ядре вы должны создать один javascript и этот скрипт, вы должны создать один метод, как показано ниже.

if (browser_version == 7 || browser_version == 8) { document.getElementById ("your_div"). style.padding = padding, как вы хотите. } еще { document.getElementById ("your_div"). style.padding = заполнение по умолчанию. }

Я думаю, что это может помочь вам из-за ошибки браузера.