Несколько бэкграндов

[nickgu]

Добрый день!

Надо сверстать такой сайт:

Общий бэкграунд - картинка, которую я задаю следующим образом:

body {
	background-image:url(../images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	text-align: center;
}

Заштрихованная область - это мой основной блок, который центрируется и имеет абсолютную ширину. С ним тоже все понятно

НО есть и еще один элемент в виде картинки, которая лежит как бэкграунд и расположена на n-количество пикселей левее центра(на картинке это кружок).

И не могу понять как его расположить - как второй бэкграунд? создать еще один блок под основным блоком?

Как указать его координаты? не center-140px жеж)

помогите, пожалуйста

[rus]

Добрый день!

Надо сверстать такой сайт:

Общий бэкграунд - картинка, которую я задаю следующим образом:

body {
	background-image:url(../images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	text-align: center;
}

Заштрихованная область - это мой основной блок, который центрируется и имеет абсолютную ширину. С ним тоже все понятно

НО есть и еще один элемент в виде картинки, которая лежит как бэкграунд и расположена на n-количество пикселей левее центра(на картинке это кружок).

И не могу понять как его расположить - как второй бэкграунд? создать еще один блок под основным блоком?

Как указать его координаты? не center-140px жеж)

помогите, пожалуйста

Блоку который по центру позишн:релейтив, в него еще один блок (див) с позишн:абсолют, и позиционируй топ:..px;лефт:..px;

[nickgu]

Блоку который по центру позишн:релейтив, в него еще один блок (див) с позишн:абсолют, и позиционируй топ:..px;лефт:..px;

Так кружок выходит за границы центрального блока

И я не знаю ширину экрана конечного пользователя, а кружок находится на определенном расстоянии от центра, а не от края

[Justnewone]

Так кружок выходит за границы центрального блока

И я не знаю ширину экрана конечного пользователя, а кружок находится на определенном расстоянии от центра, а не от края

без позишн вообще, внутреннему блоку отриц. маргин и соответствующий паддинг.

[psywalker]

Так кружок выходит за границы центрального блока

И я не знаю ширину экрана конечного пользователя, а кружок находится на определенном расстоянии от центра, а не от края

1) Ставь минимальную ширину такую, что-бы кружочек не ушёл за левый борт

Либо

2) Делай левый отступ в %, расчитывай так, чтобы кружочек смещался к центру во время сужения экрана

Edited October 7, 2009 by psywalker

[nickgu]

1) Ставь минимальную ширину такую, что-бы кружочек не ушёл за левый борт

Либо

2) Делай левый отступ в %, расчитывай так, чтобы кружочек смещался к центру во время сужения экрана

1) Цель - половина кружка за блоком, полвина - в блоке

2)кружок должен стоять четко на своем месте

без позишн вообще, внутреннему блоку отриц. маргин и соответствующий паддинг.

а не могли бы Вы более подробно? не совсем просто понял

[psywalker]

1) Цель - половина кружка за блоком, полвина - в блоке

2)кружок должен стоять четко на своем месте

а не могли бы Вы более подробно? не совсем просто понял

раз так, то ставь минимальную ширину страницы, которая нужна

[TheKIP]

Код

div.boll {
margin:20px 0 0 -40px;
display:block; /*делаем блоком*/
width:px; /*введи здесь свою ширину*/
height;px; /*введи здесь свою высоту*/
position:absolute; /*делаем так, что бы этот блок не мешал другим*/}

Где 20px отступ от верха, -40px это смещение влево, нужно ввести столько, что бы кружок стал посредине.

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

Примерно так, но не обзятельно.