Выравнивание по вертикали в div-ах

12
dkameleon
На сайте с 09.12.2005
Offline
386
#11

гм.... если логотип всегда меньше, известна его высота и выделить для него место в блоке, то:

1. блоку: позишен релатив.

2. логотипу: позишен абсолют, топ 50%. марджин-топ минус половина высоты логотипа.

Дизайн интерьера (http://balabukha.com/)
dma84
На сайте с 21.04.2009
Offline
168
#12
Timotty:
я бы на своём сайте не думая чистый js использовал и за секунду решил проблему :) Если с CSS не выйдет, рекоммендую JS :>

Вот за такое надо версталам руки отрывать по самую ж*пу

http://www.xiper.net/collect/html-and-css-tricks/pozitsionirovanie/vertikalnoe-vyravnivanie-otnositelno-roditelya.html

[Удален]
#13
dkameleon:
гм.... если логотип всегда меньше, известна его высота и выделить для него место в блоке, то:
1. блоку: позишен релатив.
2. логотипу: позишен абсолют, топ 50%. марджин-топ минус половина высоты логотипа.

dkameleon, ну что могу сказать ... Вы серьёзно попали.

БИНГО! :)

Всё получилось.

Спасибо!

Теперь перепроверю в разных версиях разных браузеров.

---------- Добавлено 07.11.2012 в 22:27 ----------

dma84:
Вот за такое надо версталам руки отрывать по самую ж*пу

Я и говорю - самый лучший альтернативный способ - просто использовать <table>.

Ayavryk
На сайте с 11.10.2003
Offline
209
#14
Металл:
Я и говорю - самый лучший альтернативный способ - просто использовать <table>.

ноябрь 2012 год, однако

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
DiAksID
На сайте с 02.08.2008
Offline
236
#15
Ayavryk:
ноябрь 2012 год, однако

Аяврик, а если просто таблицу надо "нарисовать", типа сметы? в ноябре 2012 из дивов собирать что ли? ;)

на крайняк, таблица всего из трех строк по одной ячейке в каждой типа хеадер+боди+футер, для выравнивания динамического контента по вертикали не самая большая ересь. основная претензия к табличному дизайну - трудность чтения запутанной разметки, что здесь не имеет места быть, модный респонсив-диз, например, прицепить не проблема как и остальные навороты. что не так, кроме "некошерности" ?..

show must go on !!!...
[Удален]
#16
DiAksID:


на крайняк, таблица всего из трех строк по одной ячейке в каждой типа хеадер+боди+футер

Я так и делал сайты до последнего времени. Простое решение и кроссбраузернось лучшая.

Но вот люди говорят - 2012 на дворе :) Решил теперь дивами делать :)

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий