Приведенный ниже пример css работает во всех поддерживаемых браузерах, за исключением IE8 (не фокусируясь на чем-либо ниже IE 8). Я использую последнюю версию Foundation.
Столбцы складываются в IE8, когда они должны плавать. На самом деле см. float:left; атрибут применяется в стилях, но они не плавают.
Что действительно работает, так это добавление строки имен классов css, столбца шесть и т. д. непосредственно в мою разметку, однако я бы предпочел этого не делать.
Кажется, я не могу точно определить проблему в IE 8 ... любое предложение будет высоко оценено.
Работает:
<div class="content-wrap row">
<div class="primary six columns"></div>
<div class="secondary six columns"></div>
</div>
Не работает:
.content-wrap {
@include outerRow();
.primary {
@include column(6);
}
.secondary {
@include column(6);
}
}