barbitoff programmer`s blog

Здесь я публикую заметки из программерской жизни: грабли, на которые мне случилось наступить, проблемы, для которых было найдено элегантное (или не очень) решение, а также все, с чем мне пришлось столкнуться и чем хотелось бы поделиться =)
PS Если хотите меня поблагодарить - на странице есть 3 места, чтобы это сделать =)

пятница, 1 апреля 2011 г.

Центрирование div-блоков


Центрирование div блоков во всех приличных браузерах делается следующим образом:

<div style="margin-left: auto; margin-right: auto; width: 50%;">


В ИЕ как всегда все через (_)(_), поэтом приходится делать так:

<div style="text-align:center;">
 <div style="width: 50%;">

 Содержимое блока DIV

 </div>
</div>

В итоге универсальный вариант центрирования div-блока выглядит вот так:

<div style="text-align: center;">
 <div style="width: 50%; margin-left: auto; margin-right: auto; ">  

 Содержимое блока DIV

 </div>
</div>

Комментариев нет:

Отправить комментарий