Это сайт — моя персональная записная книжка. Интересна мне, по большей части, история, своя жизнь и немного программирование.

Выровнять блок по горизонтали

Хороший приём, позволяющий выровнять блок по горизонтали (работает даже в IE6, в strict-режиме):

div { margin: 0 auto; width: 100px }

Записываю себе.

18 комментариев
users.livejournal.com/_fog 2008

Что-то не понял, в каких условиях это работает. Если нужно, чтобы выравнивание блока было по центру — обычно делал так:

<style type=«text/css»>
div.a { margin: 0 auto; width: 100px; background-color: silver; text-align: left;}
</style>

<div style=«text-align: center;»>
<div class=«a»>1</div>
</div>

users.livejournal.com/_fog 2008

P.S.

При попытке использовать для авторизации логин в ЖЖ, перебросило на страницу ЖЖ с сообщением

Error
The site you just came from seems to want to verify an identity that you, as _fog, cannot provide.

Получилось только выбрав «Ваш OpenID» с указанием users.livejournal.com/_fog

Евгений Степанищев (bolknote.ru) 2008

Вы написали почти тоже самое, только присутствуют лишние теги.

Что значит это сообщение я не знаю, увы.

ELV1S (elv1s.ru) 2008

Комментарий для Евгения Степанищева:

<div style=«text-align: center;»>
<div style=«text-align: left; width: 100px»>1</div>
</div>

Это работает даже в IE 5. В других бразерах не работает.

Совмещаем варианты, получаем то что в первом комментарии.

victorgr.livejournal.com 2008

А зачем width: 100px?

Alisey (alisey.myopenid.com) 2008

Это же стандартный способ который используется на каждом первом сайте.
Для IE6, если не strict, то добавляют ещё обёрточный div с text-align: center.

Потерял где-то ссылку как отцентровать группу плавающих блоков нефиксированной ширины.

Alisey (alisey.myopenid.com) 2008

Вот, нашёл, отличный хак.
http://www.search-this.com/2007/09/19/when-is-a-float-not-a-float/

1smash1.livejournal.com 2008

Ты наркоман сцука штоле?

Slaver (slaver.info) 2008

Alisey абсолютно прав. Это не «приём», а фактически стандарт для выравнивания…

unutranyholas.livejournal.com 2008

хахаха, ну даете

Евгений Степанищев (bolknote.ru) 2008

Комментарий для victorgr.livejournal.com:

Просто указание ширины контейнера, цифра произвольная.

Евгений Степанищев (bolknote.ru) 2008

Комментарий для elv1s.ru:

Ага, спасибо.

Евгений Степанищев (bolknote.ru) 2008

Комментарий для alisey.myopenid.com:

Я ж не верстальщик, просто люблю быть в курсе.

Евгений Степанищев (bolknote.ru) 2008

Комментарий для alisey.myopenid.com:

Пасиб

Евгений Степанищев (bolknote.ru) 2008

Комментарий для 1smash1.livejournal.com:

Это мне было?

Евгений Степанищев (bolknote.ru) 2008

Комментарий для slaver.info:

Это, конечно же, не стандарт, а какое-то черезпопие.

Ramon (rembish.myopenid.com) 2008
Евгений Степанищев (bolknote.ru) 2008

Комментарий для rembish.myopenid.com:

Ага, видел, спасибо!