Привет. Нужно выравнить блок по центру родительского блока(один div вложен в другой), используя только CSS. Вне зависимости от того как мы указываем размеры блоков(проценты, пиксели, пункты или ещё что). Всё что нашёл в интернете не работает(смотрел в FF 6 и последнем Сhrome).
4 ответа
Можно так:
<div id="container" align="center">
<div id="content"></div>
</div>
-
Да, этот код приведёт к выравниванию по горизонтали, но надо ещё и по вертикали.– swtom18 сен 2011 в 12:11
Почитайте здесь мой комментарий
У вас схожие проблемы. И советую, прежде чем задать вопрос - сначала посмотрите уже существующие темы на интересующую Вас тему.
-
Я не до конца понял тот ваш комментарий. Вы пишете про неправильное понимание "резинового" макета и утверждаете, что в "резиновом макете" у базового блока должна указываться размеры:"начала мы задаём размеры окна, для которого свёрстана страница, а потом уже указываем сколько процентов занимают блоки от этого окна." Это разве правда? Кстати, на сайте Лебедева лежит код, где производиться центрирование блока по горизонтали и оно работает для базового блока width:100%. Но как сделать универсальное(без применения параметров внутреннего блока) центрирование по вертикали. В этом и вопрос.– swtom18 сен 2011 в 12:22
Да сделайте вы margin: 0 auto; выровняете по горизонтали. Задав "относительную" ширину блока, скажем 20% от высоты, вы сможете этот margin изменить на margin: 40% auto; и будет вас счастье!