Позиционирование фона

[CCron]

Есть страница, а в ней div у котого class "page"

.page {
	width: 100%;
	background: no-repeat url(/images/skate.jpg);
	background-position: center top;
}

Соответственно он выравнивается по центру, но надо по центру но со

сдвигом вправо, например на 250px. Возможно ли сделать отступ в фоне?

Подскажите, как это сделать.

[psywalker]

боюсь что только в % можно задать отступ, а так как ты хочешь - нет

[CCron]

боюсь что только в % можно задать отступ, а так как ты хочешь - нет

плохо, т.к. если например указать 135% на мониторах 1280, а в 1024 и 1400 и 1600 уже плывет

может тогда сделать для разных разрешений монитора разные css?

[Игорь Ермаков]

Только на JS.

Лучше создай отдельный блок и абсолютом позиционируй его как тебе нужно.

[CCron]

Как то не понятно с абсолютным позиционирование, т.к. div поверх всего документа вылазит

.page {
	width: 100%;
	position: absolute;
	top: 0px;	
	left: 0px;
}

.page img {
	width: 100%;
	width: 835px;
	height: 652px;
}

<div class="page"><img src="/images/skate.jpg"></div>

Помогите пожалуйста, что-то не получается

Edited November 17, 2009 by CCron

[mishka]

А гифом можна бг сделать?

Если да то просто в фотошопе добавь в картинке прозрачное место слева.

или можна и jpg, если фон под ним однородный.

[psywalker]

Див не нужно позиционировать, а нужно позиционировать картинку внутри него.

Даже можно просто выровнить её по середине задав нужные размеры, и релативом отогнать чуть назад, на сколько нужно пикселей

[CCron]

А гифом можна бг сделать?

Если да то просто в фотошопе добавь в картинке прозрачное место слева.

или можна и jpg, если фон под ним однородный.

К сожалению gif нельзя сделать, или jpg большой, т.к. уже картина весит 125кб

сейчас попробую конечно сделать большую, скажу сколько будет весить, скажите сносно или нет

[psywalker]

А гифом можна бг сделать?

Если да то просто в фотошопе добавь в картинке прозрачное место слева.

или можна и jpg, если фон под ним однородный.

Да кстати, тоже вариант

[Justnewone]

К сожалению gif нельзя сделать, или jpg большой, т.к. уже картина весит 125кб

сейчас попробую конечно сделать большую, скажу сколько будет весить, скажите сносно или нет

125 терпимо, уж точно, если другой выход - через задницу.

[psywalker]

125 терпимо, уж точно, если другой выход - через задницу.

погоди, это когда прямо сначала идёшь, а потом налево резко?

[CCron]

погоди, это когда прямо сначала идёшь, а потом налево резко?

Ну в принципе резко на лево - это от безысходности

если ужать картинку по самое не балуйся: 233кб получается, в более-менее нормальном качестве 300кб

оставляем так, или много сильно?

стоит ли делать предзагрузку изображения этого:

<script type="text/javascript" language="JavaScript">
var image1 = new Image(); image1.src = "/images/skate.jpg";
</script>

[Verder]

Ну в принципе резко на лево - это от безысходности

если ужать картинку по самое не балуйся: 233кб получается, в более-менее нормальном качестве 300кб

оставляем так, или много сильно?

стоит ли делать предзагрузку изображения этого:

<script type="text/javascript" language="JavaScript">
var image1 = new Image(); image1.src = "/images/skate.jpg";
</script>

Если это ХОРОШАЯ картинка, то смело можешь выставлять до 400-550кб и не заморачиваться. Никогда не возился с адаптацией если от этого может пострадать качество. Если у кого то dial-up 56к или трафик стоит по 10 руб. за мегабайт - это их проблемы. Пусть загрузку изображений отключают. Один из важнейших законов дизайна - качество графики не должно страдать ни при каких условиях.

[CCron]

Если это ХОРОШАЯ картинка, то смело можешь выставлять до 400-550кб и не заморачиваться. Никогда не возился с адаптацией если от этого может пострадать качество. Если у кого то dial-up 56к или трафик стоит по 10 руб. за мегабайт - это их проблемы. Пусть загрузку изображений отключают. Один из важнейших законов дизайна - качество графики не должно страдать ни при каких условиях.

Спасибо, попробую сделать с тяжелой картинкой.