| |
|
|
| | Есть <div> внутри <body>. Нужно чтоб <div> установился по центру. Есть вариант зделать так:
[code]
...
<body>
<center>
<div id="container">
...
</div>
</center>
</body>
[code]
Но если в будущем будеться меняться дизайн (без изменения структуры разметки страницы) этот <center> портит всю flexebility, предпологаемую css-ом. (Я имеею ввиду коренным образом измененный css-дизайн, без изменения html-файла).
На zengarden посмотрел примеры, и увидел что при переопределении body можно задать св-во text-align: center. Попробовал - всё получилось. НО - результат работает только в моём HTMLPad'е и 7-ом Internet Explorer'е. Опера 9 и Файрфокс 2 бездарно устанавливают блок <div> по левому краю (вместо желаемого центра).
Не понимаю, в чём дело. Может text-align не работает для <div>-а? И IE на самом деле глючит, отображая <div> по центру? | |
| |
|
|
| |
|
|
| |
для: GMile
(13.08.2007 в 14:17)
| | | что-то вы не так делаете. для блока должна быть определена шишина.
body{text-align: center}
или
div{margin:0 auto; width:100px;} | |
| |
|
|
| |
|
|
| |
для: AlexSol
(13.08.2007 в 14:34)
| | | Спасибо, вариант div {margin:0 auto; width:100px;} работает.
Теперь вопрос - почему? :) Что делает это свойство auto? В спецификации написано про Computing width and margins, но как этот computing происходит я понять не могу. Не подскажите? | |
| |
|
|
| |
|
|
| |
для: GMile
(13.08.2007 в 15:14)
| | | видимо автоматически выстабляет отступы - из ширины doby - ширина div и делить на два ;) | |
| |
|
|
