 |
|
Модераторы: Illuminaty |
 
|
|
Как центрировать DIV по вертикали и горизонтали, внутри другого DIV'а 
| Royan |
|
|||
|
Dreamer  Профиль Группа: Участник Клуба Сообщений: 1708 Регистрация: 14.9.2002 Где: Лондон Репутация: нет Всего: 15 |
Всем привет,
Знаю проблема легко решается внедрением таблички, но мне бы этого совсем не хотелось делать. Нашел в сети следующий хак: http://www.jakpsatweb.cz/css/css-vertical-...r-solution.html правда этот хак центрирует только по вертикали, и внесение margin: 0 auto; не помогло мне центрировать DIV по горизонтали. Быть может кто-то пользуется каким-то другим решением или просто модифицировал это, в с любом случае не могли бы вы поделиться приемом центровки DIV по вертикали и горизонтали без применения таблицы? -------------------- Открыта вакансия Junior Java Developer'а в нашем лондонском офисе, подробнее можно узнать здесь |
|||
|
||||
Дата 19.10.2008, 22:11 (
Загрузка ...
| bars80080 |
|
|||
 прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
ну центрирование блока по горизонтали всегда решалось добавлением text-align: center; для внешнего контейнера и margin: 0 auto; для внутреннего
|
|||
|
||||
| Royan |
|
|||
|
Dreamer Профиль Группа: Участник Клуба Сообщений: 1708 Регистрация: 14.9.2002 Где: Лондон Репутация: нет Всего: 15 |
Ну с горизонталью "худо бедно", а по вертикали?
-------------------- Открыта вакансия Junior Java Developer'а в нашем лондонском офисе, подробнее можно узнать здесь |
|||
|
||||
| KuZyagroup |
|
|||
 magento solution Профиль Группа: Участник Сообщений: 283 Регистрация: 16.4.2007 Где: Kiev Репутация: 2 Всего: 4 |
а по горизонтали с помощью JS, плюс надо не забыть предусмотреть 2 случая:
1) изменения высоты окна браузера(ресайз) 2) внутренний див не влазит в окно браузера П.С. Хотя было бы приятно найти решение с помощью css, но я с таким не сталкивался. |
|||
|
||||
| ksnk |
|
|||
 прохожий Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Аналогично, так что табличный дизайн форева! Добавлено через 2 минуты и 28 секунд KuZyagroup, Кстати, а чем не подходит приведенная выше ссылка, вроде это - оно! Добавлено через 3 минуты и 37 секунд KuZyagroup, Извиняюсь... Это хак а не оно... Хотя работает...  -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально !  |
|||
|
||||
| SelenIT |
|
|||
 баг форума Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Если б не IE6, то display:table-cell + vertical-align:middle для контейнера - и дело в шляпе. Для IE6 выдумано штук с полдесятка "воркэраундов" разной степени извратности (везде либо нелогичная лишняя разметка, либо экспрешны)...
-------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| Royan |
|
|||
|
Dreamer Профиль Группа: Участник Клуба Сообщений: 1708 Регистрация: 14.9.2002 Где: Лондон Репутация: нет Всего: 15 |
SelenIT, ksnk, Оно и верно, какой смысл городить 3 килобайта CSS если все решаетсы тремя строками table'а
-------------------- Открыта вакансия Junior Java Developer'а в нашем лондонском офисе, подробнее можно узнать здесь |
|||
|
||||
|
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.0627 ] [ Использовано запросов: 21 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |