HTML и XHTML

Вопрос

Есть страница (картинка, возле нее пара ссылок), которая нормально выглядит при 600*800, но висит в левом верхнем углу при 768*1024.

Как можно привязать картинку к середине страницы (не только по горизонтали, но и по вертикали)?

Ответ

Во-первых, можно поместить картинку в ячейку таблицы. Выглядеть это будет примерно так:
<table width=100% height=100% border=0>
<tr><td valign=middle align=center><img src=some.jpg></td></tr>
</table>

Как нетрудно догадаться, за выравнивание содержимого в ячейке отвечают значения атрибутов align и valign. Соответственно, горизонтальное выравнивание (align) устанавливаем в center, а вертикальное (valign) — в middle.

Еще один нехитрый способ — это описать стиль фона с помощью каскадных таблиц стилей (CSS):
<body style="
background-image: url(../Ovr4/some.jpg);
background-position: center center;
background-repeat: no-repeat;
">

Атрибут background-image: url(../Ovr4/some.jpg); определяет, что фоном будет изображение, хранящееся в файле, имя которого указано в скобках.

Атрибут background-repeat: no-repeat; указывает, что изображение не должно «заливать» страничку, а отображаться в единственном экземпляре.

Ну, и самый нехитрый атрибут background-position: center center; определяет, что и по вертикали и по горизонтали фон должен выравниваться по центру.

Есть еще, кстати, способ, с использованием банального элемента <img>. Но он гораздо сложнее и сильно громоздок: нужно использовать не только CSS, но и DHTML (скрипты).

Из конференции Expert_FAQ