VPF::Картинка в центре DIV - Форум программистов

Gold Dragon

Дата 15.9.2011, 10:39 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

Имеется картинка всегда разной шириной и высотой. Контейнер шириной IMG+отступы, высота разная.

Как мне расположить картинку ровно по центру DIV?

--------------------

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

ego1977

Дата 20.9.2011, 15:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 49
Регистрация: 5.11.2007

Репутация: нет
Всего: нет

Попробуй так:

Код


<div style="text-align:center;"><img src="../menu.gif"></div>

z-END

Дата 20.9.2011, 16:05 (ссылка)

(нет голосов)

Загрузка ...

прафесар™

Профиль
Группа: Комодератор
Сообщений: 3014
Регистрация: 13.3.2003
Где: Венья, Пиетари

Репутация: 4
Всего: 102

или фоном или в таблице.

--------------------

Каждый чилавек пасвоему праф...а памоему НЕТ!

ruberoid

Дата 21.9.2011, 22:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 29
Регистрация: 2.9.2011

Репутация: нет
Всего: нет

А как в таблице сделать?

Gold Dragon

Дата 22.9.2011, 07:41 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

да в таблице не проблема. Центрирование в таблицах работает на все 100 во всех браузерах

Добавлено через 22 секунды
alert и valert

--------------------

Gold Dragon

Дата 23.9.2011, 08:04 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

нашёл только такое решение, но вот только table-cell не все поддерживают

Код


<!DOCTYPE html>
<html>
<head>
        <style>
                #q0{
                        display:table;
                        width:100%;
                }
                #q1{
                        display:table-cell;
                        vertical-align:middle;
                        text-align:center;
                }
        </style>
</head>
<body>
<div id="q0">
        <div id="q1">
                <img src="ajax-loader.gif"/>
        </div>
        <div id="q2">
                начало
                <br><br><br><br><br><br><br><br><
br><br><br><br><br><br><br>
                конец
        </div>
</div>
</body>
</html>

--------------------

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »