Проблема с наслаивающейся вёрсткой div'a

[radon]

Схематичное изображение проблемы:

изначальное состояние сайта:

Далее я хочу вставить ещё один div поверх предыдущих( относительно diva в котором лежат div1 и div2 - чтобы в случае разных разрешений и боковых отступов мой div3 всегда был на одном месте) вот так:

Код css для моего "div3":

div#phone {
	position: relative; 
	top: 307px; 
	left: 796px; 
	z-index: 4;
	height: 48px; 
	width: 204px; 
	background: url("images/phones1.jpg");
}

в итоге получается вот такая фигня:

Помогите плз как исправить проблему или как по другому засунуть рисунок не изменяя положения остальных элементов.

[psywalker]

Вставь див3 с абсолютом в див1 и от него уже пляши.

[radon]

мне какраз надо вставить относительно а не абсолютно

[Searcher]

Абсолютно - значит в вашей ситуации как-то так:

div#phone {
	position: absolute;
	top: 307px;
	right: 0;
	height: 48px;
	width: 204px;
	background: url("images/phones1.jpg");
}

[psywalker]

мне какраз надо вставить относительно а не абсолютно

Да вот как раз относительно и вставишь.

[radon]

Извиняюсь, похоже я чуток переборщил со схематичностью

там на самом деле по бокам есть пустое пространство объём которого зависит от разрешения монитора, а вот сами div1 и div2 фиксированной ширины

поэтому absolute тут не подходит

[psywalker]

Извиняюсь, похоже я чуток переборщил со схематичностью

там на самом деле по бокам есть пустое пространство объём которого зависит от разрешения монитора, а вот сами div1 и div2 фиксированной ширины

поэтому absolute тут не подходит

Да почему-же не подходит. Берёшь, засовываешь див3 в див1. Див1 делаешь релатив, див3 делаешь абсолют. див3 { position: absolute; bottom: -50px; right: 0;} и всё, после этого див3 всегда будет так, где нужно.

[radon]

Спасибо большое, я сначала не так понял.

[psywalker]

Спасибо большое, я сначала не так понял.

Вот это другое дело