960.gs: вложенные столбцы с небольшим смещением

<div class="container_16">
<div class="clear"></div>
    <div class="grid_8 alpha search shadow">

    </div>
    <div class="grid_8 omega search shadow">

    </div>
</div>

С этим кодом макет работает, но имеет небольшое смещение вправо (3 пикселя или что-то в этом роде). (тень поиска - это настраиваемые классы, которые относятся только к ширине и фоновому изображению, без отступов/отступов и т. д.)

Это выглядит так:

введите здесь описание изображения

Что может быть причиной?

ИЗМЕНИТЬ:

Без использования альфы и омеги макет перемещается в следующую строку! (2 прямоугольника с правой стороны макета, один точно над другим!)


html layout css offset 960.gs
person DAS    schedule 12.02.2013    source источник
comment
Можете ли вы также опубликовать фактический CSS? Я могу решить это для вас.   -  person Raphael Rafatpanah    schedule 12.02.2013

Ответы (1)


arrow_upward
1
arrow_downward

В структуре сетки 960 класс CSS "grid_8" имеет следующие свойства CSS:

  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;

Я чувствую, что вы не просмотрели файл CSS фреймворка сетки 960. Я бы порекомендовал вам хотя бы прочитать, что влекут за собой классы, которые вы используете.

Например:

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}
person Frisbetarian    schedule 12.02.2013
comment
Ты прав. Решил это. Проблема заключалась в том, что я использовал границы для целей отладки, что полностью испортило мой макет. - person DAS; 17.02.2013