Идея: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Постановка задачи:

  • имеется область (например, <div>), высота которой известна;
  • имеется некий объект внутри этой области, высота данного объекта неизвестна;
  • требуется вертикально отцентрировать объект;
  • таблицы использовать нельзя.

Далее

13
Март
2008

С каждым годом мониторы становятся всё больше и больше; как следствие, растёт и разрешение экрана. И страницы с небольшим количеством контента на таких мониторах смотрятся некрасиво — особенно, когда нижний колонтитул (aka подвал aka footer) плавает где-то в верхней части экрана :-)

Многие сайты решают эту проблему при помощи табличной верстки (<table height="100%"></table>) с теми или иными вариациями. Но это не наш метод, ибо это противоречит WCAG 1.0. Поэтому для решения задачи будем использовать семантически корректную разметку и CSS. Далее

12
Март
2008

Работая над одним проектом, мне пришлось столкнуться с одной неприятной задачей: отцентрировать многострочный список (то есть один <ul>, много <li>) так, чтобы элементы списка (неизвестное количество, неизвестная ширина, одинаковая высота) были отцентрированы в каждой строчке:

Далее

10
Март
2008