0

Доброго времени суток! есть сайт с резиновой версткой, при моем разрешении 1600Х900 меню отображается ровно, но если экран более "квадратный", меню разъезжается вот так:
alt text

как это исправить?
Меню задано списком ul. у ul display:block; у li display:inline-block

1
  • Как вариант: 1. Каждую строку (т.е. три блока в строке) вложить в отдельный div. 2. Каждый блок в строке выровнять по центру Можно сделать через display:table/table-cell. ПРИМЕР UPD: пока писал вы обновили вопрос. Может тогда пример выложите на том же jsFiddle? У вас проблема просто с тем, что где-то одна строка, где-то две строки. Если бы везде было в две строки - смещения бы не было.
    – BOPOH
    28 мая 2013 в 5:28

1 ответ 1

3

В принципе как бы понятно то, что блоки по умолчанию имеют позиционирование по baseline относительно блока контейнера. Для того чтобы это исправить в css есть свойство vertical-align: top; это свойство работает еще в css v1, т.е. даже в ie6. все что вам нужно сделать: У блоков li выставить вертикальное выраванивание vertical-align: top; и display: inline-block; он у вас выставлен, для ie6 придется поставить display: inline; и zoom: 1; но в принципе блоки выровнять вам удастся без особых проблем.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.