центрирование при помощи float

[cyklop77]

разбирал тут пример один и появился вопрос.

автор центрировал блок, при этом заморочился с float. но то же самое можно сделать и без float. а чем меньше кода тем меньше возможных проблем. и все таки у меня подозрение, что автор какую то цель имел, используя обтекание, и я чего то не понял.

поясните, если не трудно

[Vlad]

Судя по списку браузеров и коду пример старомодный. Тогда было принято активно использовать float по делу и не очень. Что-то вроде float:left;width:100% было популярно.

[psywalker]

О каких заморочках идёт речь? Блок центрирован обычным способом, как я погляжу.

[Vlad]

Верхний блок смотри, он для пустого пространства добавлен.

[psywalker]

Верхний блок смотри, он для пустого пространства добавлен.

Оо, и правда, а я сразу и не заметил. А что, интересный и новый для меня способ! Нужно разобрать и взять на заметку

[SelenIT]

Насколько я понял, это только для контейнеров фиксированной высоты работает (вся магия основана на margin-bottom:-13.75em; /* half of container's height */), т.е. это не лучше известного способа с position: absolute; top: 50%; margin-top: -50%. Учитывая, что FF1 и IE5/Mac уже много лет неактуальны, этот способ представляет лишь музейную ценность — варианты GreatRashа из "Сборника полезных решений" на этом форуме в разы практичнее и универсальнее...

[psywalker]

Насколько я понял, это только для контейнеров фиксированной высоты работает (вся магия основана на margin-bottom:-13.75em; /* half of container's height */), т.е. это не лучше известного способа с position: absolute; top: 50%; margin-top: -50%. Учитывая, что FF1 и IE5/Mac уже много лет неактуальны, этот способ представляет лишь музейную ценность — варианты GreatRashа из "Сборника полезных решений" на этом форуме в разы практичнее и универсальнее...

Понял дружище, спасибо за совет. Учту.

Я сразу и подумал о способе с position: absolute;, но меня отталкивает то, что это выброс из потока, в отличии от вариант ТС. Что скажешь?

[SelenIT]

Не спорю, выброс из потока — не лучший вариант, но для блоков фиксированной высоты, которые приходится центрировать (насколько я понимаю, обычно это всякие декоративные "заглушки" либо мелкие формы типа логина), на мой взгляд, позиционирование вполне подходит. Зато без распорки-пустышки, к тому же у флоатов-то с потоком тоже не всё гладко). Если же распорка — не помеха, то, имхо, вариант с inline-block (который "часть I") на порядок круче. Единственный минус по сравнению с сабжевым — потеря поддержки FF1-2 (и то, начиная с 1.5 возможны "костыли", если вдруг очень припрет), а преимуществ куча — и независимость от высоты и единиц измерения, и легкость смены выравнивания (как по вертикали, так и по горизонтали) на любую из 9 комбинаций "лево-центр-право/верх-центр-низ", и удержание в потоке...

[psywalker]

Не спорю, выброс из потока — не лучший вариант, но для блоков фиксированной высоты, которые приходится центрировать (насколько я понимаю, обычно это всякие декоративные "заглушки" либо мелкие формы типа логина), на мой взгляд, позиционирование вполне подходит. Зато без распорки-пустышки, к тому же у флоатов-то с потоком тоже не всё гладко). Если же распорка — не помеха, то, имхо, вариант с inline-block (который "часть I") на порядок круче. Единственный минус по сравнению с сабжевым — потеря поддержки FF1-2 (и то, начиная с 1.5 возможны "костыли", если вдруг очень припрет), а преимуществ куча — и независимость от высоты и единиц измерения, и легкость смены выравнивания (как по вертикали, так и по горизонтали) на любую из 9 комбинаций "лево-центр-право/верх-центр-низ", и удержание в потоке...

Согласен. Поддерживаю полностью