Помогите с позицей блока

[ws256]

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

сейчас в css он задан вот так:

#sidetab {
background: url(images/polzun.png) top center no-repeat;
width: 127px;
height: 200px;
position:relative; 
top: 250px; 
margin-left:10%;
}

Мне нужно чтобы при любых разрешениях этот ползун всегда был на ленейке, а как сделать не знаю(

вот адрес тестовой площадки на всякий случай.

Заранее спасибо.

[Vlad]

Что-то непонятное с кульманом. При уменьшении размера окна, вертикальная линейка влево уходит, за пределы окна.

Оказывается фон по центру выравнивается, что в данном случае ошибочно. Надо фон выравнивать по левому краю, ведь левая часть картинки значащая. Решишь вопрос с фоном, с ползунком само все устаканится.

[ws256]

Что-то непонятное с кульманом. При уменьшении размера окна, вертикальная линейка влево уходит, за пределы окна.

Оказывается фон по центру выравнивается, что в данном случае ошибочно. Надо фон выравнивать по левому краю, ведь левая часть картинки значащая. Решишь вопрос с фоном, с ползунком само все устаканится.

Не думаю что это поможет, т.к. основное тело сайта, тоже выровнено по центру (это сделано для центрации сайта при любых разрешениях монитора):

#wrap {
		background: #EEEEEE;
	  width: 960px;
	margin: 0px auto 10px;
	padding: 0px;
	position: relative;
		top: 62px;
	border: 10px solid #292929;
 	}

Поэтому я и не знаю как ползун позиционировать. А как сделать так чтобы ползун выравнивался от тела сайта, например делал отступ справа от тела?

[Searcher]

Так если вы привяжете ползун к линейке кульмана, он вместе с этой линейкой будет убегать за левую границу экрана.

Привяжите кульман к левому краю, а черный блок с содержимым пусть центрируется.

[ws256]

Так если вы привяжете ползун к линейке кульмана, он вместе с этой линейкой будет убегать за левую границу экрана.

Привяжите кульман к левому краю, а черный блок с содержимым пусть центрируется.

Точно, сразу не догнал. Попробую.

[Searcher]

Влад уже пытался направить вас в эту сторону, я всего лишь уточнил Когда с одним и тем же объектом долго и упорно работаешь, уже перестаешь мыслить глобальней

Edited January 26, 2009 by Searcher

[ws256]

Получилось, Всем спасибо за помощь. Единственное когда я рисовал фон я планировал его центрировать по центру. А теперь представим ситуацию, пользователь с монитором 15 дюймов зашел на сайт:

И даже при 19 дюймах будет не особо красиво. Единственное решения которое я придумал это обрезать фон, чтобы при 19 дюймах было красиво. Может есть более рациональное решение в моей ситуации?

[Vlad]

Либо фоновую картинку сделать достаточно широкой (1600 px скажем) или разбить ее на три части. Левая и правая часть будут выводиться без повторения, а средняя - повторяться по горизонтали.

[ws256]

Либо фоновую картинку сделать достаточно широкой (1600 px скажем) или разбить ее на три части. Левая и правая часть будут выводиться без повторения, а средняя - повторяться по горизонтали.

Её ширина 1680px сейчас. Причем разбита на 2е части верхняя линейка отдельно, не повторяется, боковая линейка повторяется по вертикали. Но ведь при выравнивании основной части по центру и при разрешении экрана 1024px проблема не решится, я прав?

А если вернуть выравнивание по центру для фона, и поставить выравнивание ползунка тоже по центру и задать ему отступ -510px это не решит проблему???

[ws256]

Вот как я сделал. Я перерисовал фон так чтобы линейка вертикальная была по левому краю. Потом засунул тело сайта (его ширина 960) в другой блок шириной 1280. Теперь ползунок при любых раскладах остается на линейке. Не знаю насколько это правильно, но зато работает. Жаль что при 1024 полосы прокрутки появляются, ну да ладно. Как вы считаете, я правильно сделал?