Опять не могу выровнять изображение по центру

[VasyOK{!}]

Здравствуйте все! Вопрос к специалистам по верстке.

Вот сайт http://vasyok.arvixe.ru

Там есть вот такой вот рисунок

на таком вот слое:

#art-page-background-glare-image
{
	background-image: url('images/Page-BgGlare.gif');
	background-repeat: no-repeat;
	height: 718px;
	width: 1237px;
	margin: 0 auto;
}

С этим элементом 2 проблемы:

1. В 1280*1024 он располагается там где надо. Но в 800*600 он «едет» вправо, а в IE он вообще капитально съехан.

2. Можно его поставить над вот этим слоем ? (сейчас он под ним):

art-Sheet
{		  /*С сокращениями*/
	position:relative;
	background: url('images/Cont.gif') top center repeat-y;
}

[rus]

1. В 1280*1024 он располагается там где надо. Но в 800*600 он «едет» вправо, а в IE он вообще капитально съехан.

Ну тут лучше всего порезать эту картинку на как минимум две части.

1) это верх картинки гдет идет а-ля свиток.

2) это правая часть.

[panig]

Можно для body прописать min-width: 1237px;

Edited May 6, 2010 by panig

[VasyOK{!}]

Спасибо panig! Помогло!

Осталась проблема 2. Как этот слой поместить над другим слоем? В смысле поверх, может неправильно выражаюсь.

rus, этот пример учебный. Да рисунок можно разделить на верх и низ.

[Searcher]

Уровнем по оси Z управляет свойство z-index, но еще на это положение влияет свойство position.

[VasyOK{!}]

Думаю, что с position сейчас все нормально. А вот с z-index манипуляции успеха не принесли. Сейчас z-index стоит только на .art-Sheet:

body
{
}										/* Это 1-я картинка */
#art-page-background-glare-image
{
  background-image: url('images/Page-BgGlare.gif');
}

						/* Это 2-я картинка */
.art-Sheet
{
  z-index:0;
  background: url('images/Cont.gif') top center repeat-y;
}

Edited May 7, 2010 by VasyOK{!}

[Searcher]

Дружище, надо не манипулировать, а просто почитать про свойство z-index и сделать! Это ж не химия или физика, где экспериментировать надо...

Слой по умолчанию имеет z-index:0, если надо поднять выше, пишите большее значение. А главное, что написано в справочниках, и вы без их прочтения будете долго изобретать велосипед, то, что z-index работает только для элементов, у которых значение position задано как absolute, fixed или relative.

Ну вот откуда у подавляющего большинства посетителей форумов такая лень, такое абсолютное нежелание самообразовываться?! Все базовые знания по верстке можно получить в интернете и укрепить их практикой. Только тонкости всякие самому долго осваивать, для помощи в этом и существуют форумы.

В результате по нескольку раз в день приходится отвечать на элементарные вопросы, например, как сделать, чтобы ссылка при наведении менялась. Тут был кадр, который уже на JS написал скрипт для осуществления того, что, прочитав, справочник, он сделал бы быстрее, проще и короче по коду.

Вобщем, ребята, давайте не будем тормозить прогресс своим невежеством! Взялись делать сайт - читайте, читайте и читайте.

[VasyOK{!}]

И снова здравствуйте!

С z-index вроде разобрался хотя тему пришлось передалть

Осталась проблема 1:

Cайт тот же http://vasyok.arvixe.ru/

В 1280*1024 верхний завиток свитка располагается там где надо. Но в 800*600 он «едет» вправо, а в IE он вообще капитально съехан.

Если прописать min-width 1237px в body тогда вся полезная информация на сайте съезжает под этот завиток в результате слева большой пробел.

Edited May 22, 2010 by VasyOK{!}