Помощник
 |
|
|
|
|
Сообщение сайта
|
 Выравнивание изображения в блоке вертикально по центру |
igorlesnoj
|
Сообщение
#1
|
||
 0  Группа: User Сообщений: 39 Регистрация: 3.8.2009 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
Apay
|
 4.8.2009, 6:59;
Ответить: Apay
Сообщение
#2
|
 0 Группа: User Сообщений: 3462 Регистрация: 4.2.2008 Поблагодарили: 0 раз Репутация: 0
|
есть два ваианта: сделать отступ сверху на нужное кол-во пикселей (padding-top) у div#header или у div#banners
|
|
|
|
|
igorlesnoj
|
Сообщение
#3
|
|
0 Группа: User Сообщений: 39 Регистрация: 3.8.2009 Поблагодарили: 0 раз Репутация: 0
|
Количество баннеров не постоянная величина, поэтому ваш совет не подходит.
Как сделать иначе? |
|
|
|
|
Apay
|
4.8.2009, 12:39;
Ответить: Apay
Сообщение
#4
|
|
0 Группа: User Сообщений: 3462 Регистрация: 4.2.2008 Поблагодарили: 0 раз Репутация: 0
|
вставьте таблицу с одной ячейкой, у ноторой нужное выравнивание, дивы плохо работают с вертикальным выравниванием.
|
|
|
|
|
Maxxi
|
8.8.2009, 10:50;
Ответить: Maxxi
Сообщение
#5
|
|
0 Группа: User Сообщений: 4 Регистрация: 8.8.2009 Поблагодарили: 0 раз Репутация: 0
|
Зачем вставлять таблицу, если можно задать дивам табличные свойства. Код такой:
<div id="header"> css:<div id="banners"> <span> </span> </div> </div> body { margin:0;} пользуйтесь кнопочками для выделения кода#header { width:300px; height:300px; background:#f00; margin:0 auto; display:table; } #banners { display:table-cell; vertical-align:middle; } #banners span { width:30px; height:30px; background:#000; display:block; } Apay Единственная проблема, табличные свойства не воспринимаются браузерами ие. Лечится с помощью expression. |
|
|
|
|
Apay
|
8.8.2009, 14:17;
Ответить: Apay
Сообщение
#6
|
|
0 Группа: User Сообщений: 3462 Регистрация: 4.2.2008 Поблагодарили: 0 раз Репутация: 0
|
Maxxi, а каковы преимущества данного метода? имхо пока жив ie для вертикального центрирования придется пользоваться таблицами, или долго и нудно писать css хаки для ослика.
|
|
|
|
|
Maxxi
|
8.8.2009, 22:12;
Ответить: Maxxi
Сообщение
#7
|
|
0 Группа: User Сообщений: 4 Регистрация: 8.8.2009 Поблагодарили: 0 раз Репутация: 0
|
Можно кодить все таблицами и не парится с ие. Но если требование от заказчика "дивная верстка" то это самый оптимальный метод. А цсс хаки довольно простые.
|
|
|
|
|
Apay
|
8.8.2009, 23:01;
Ответить: Apay
Сообщение
#8
|
|
|
0 Группа: User Сообщений: 3462 Регистрация: 4.2.2008 Поблагодарили: 0 раз Репутация: 0
|
я имел ввиду конкретный случай, а не абстактное "вообще". имхо таблицы применять можно и нужно там где это удобней дивов. кстати, с таблицами в ие тоже иногда приходится долго и нудно возиться.
а в данном случае, если в ряд идут несколько разных блоков, придется писать js ф-ю.
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
 Выравнивание картинки по центру между текстом |
10 | NikN | 2637 | 6.1.2021, 23:24 автор: buypushplatform |
|
В блоке РСЯ теперь можно показывать видеорекламу - кто пробовал? | 1 | rom_4 | 1561 | 16.4.2020, 12:53 автор: adamsadriane |
|
Выравнивание содержимого footer'a | 0 | press74 | 4998 | 2.7.2019, 18:58 автор: -iiwanc- |
|
Изображения с shutterstock от 15 рублей/штука | 5 | Mr_Big | 3671 | 10.9.2017, 21:30 автор: Palundra |
|
Вывод изображения при наведения на часть картинки по area | 1 | androv77 | 4846 | 16.7.2016, 17:32 автор: -YroKPROG- |
|
Текстовая версия | Сейчас: 25.4.2024, 20:26 |
