Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Картинка в центре DIV

Автор: Gold Dragon 15.9.2011, 10:39

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

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

Автор: ego1977 20.9.2011, 15:54

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

Код


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

Автор: z-END 20.9.2011, 16:05

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

Автор: ruberoid 21.9.2011, 22:07

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

Автор: Gold Dragon 22.9.2011, 07:41

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

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

Автор: Gold Dragon 23.9.2011, 08:04

нашёл только такое решение, но вот только 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>