Прилепить изображение неподвижно

[YaD]

Есть сайт:

В углу есть элемент:

#rul{
position: absolute;
z-index: 20;
}

<div id="rul"><img src="/images/rul.png" /></div>
в хеадере.

Как сделать так, чтобы при изменении разрешения монитора, руль оставался прижатым к левому краю, но тень ложилась ровно на белый лист (края тени и края листа должны совпадать)?

[rus]

подогнать эти края так, что бы по высоте они были одинаковые.

[Searcher]

Вопрос как-то слишком общий. Вариантов позиционирования много... Да и почему, собственно, тень от руля бутет менять свое положение? Каким образом позиционируется тень, руль и лист бумаги? Не понятно, нужен код, а лучше ссылка на сайт.

[YaD]

http://yad0ff.wallst.ru/index.php

На другие косяки не обращайте внимания - сайт еще разрабатывается))

Edited July 21, 2010 by YaD

[shvv]

http://yad0ff.wallst.ru/index.php

На другие косяки не обращайте внимания - сайт еще разрабатывается))

По-моему, вам просто нужно установить min-width.

[YaD]

По-моему, вам просто нужно установить min-width.

min-width диву rul?

[Great Rash]

Задайте фиксированную ширину для ячеек leftoid и righttoid. Естественно что они смещаются, т.к. ширина у них в процентах стоит, а ширина руля всегда одинаковая.

[YaD]

Задайте фиксированную ширину для ячеек leftoid и righttoid. Естественно что они смещаются, т.к. ширина у них в процентах стоит, а ширина руля всегда одинаковая.

Если задам конкретную величину - потеряется резиновость. А это - главное требование.

[YaD]

up

[s0rr0w]

Поместите руль в контейнер с белым листом. Руль абсолютно спозиционируйте. При помощи margin-top: -y; margin-left: -x; сделайте отрицательное смещение.

И перестаньте up'ать, если возможность есть ответить, то вам обязательно ответят.

[YaD]

Поместите руль в контейнер с белым листом. Руль абсолютно спозиционируйте. При помощи margin-top: -y; margin-left: -x; сделайте отрицательное смещение.

И перестаньте up'ать, если возможность есть ответить, то вам обязательно ответят.

Благодарю за ответ. Осталось решить, как сделать так, чтобы руль теперь не отлипал от левого края экрана)

Не спорю, что ответят, но за новыми темами могут и не заметить.

[s0rr0w]

Благодарю за ответ. Осталось решить, как сделать так, чтобы руль теперь не отлипал от левого края экрана)

Не спорю, что ответят, но за новыми темами могут и не заметить.

Он не может не отлипать. Ведь левый край белого листа плавает, а за ним должна плавать и тень, а за ним - руль. Вы определитесь, чего хотите, или шашечки, или ехать.

[Ururu]

Просто интересно стало.. Нормальный ли вариант:

Сверстать сайт как есть без руля. А руль после всего прицепить абсолютом с плюсовым Z индексом.

Причем тень у руля сделать с полупрозрачной альфой (возможно матовой, для плавности).

Вот.

[YaD]

Просто интересно стало.. Нормальный ли вариант:

Сверстать сайт как есть без руля. А руль после всего прицепить абсолютом с плюсовым Z индексом.

Причем тень у руля сделать с полупрозрачной альфой (возможно матовой, для плавности).

Вот.

А есть ли смысл? Руль и так стоит сейчас абсолютом с плюсовым индексом.

Он не может не отлипать. Ведь левый край белого листа плавает, а за ним должна плавать и тень, а за ним - руль. Вы определитесь, чего хотите, или шашечки, или ехать.

Ехать с шашечками)) Но если серьезно, то нужен именно средний вариант. Думаю попробовать сделать картинку руля побольше и просто запихать лишнее за край монитора. Решение некрасивое, но...

[Great Rash]

Но если серьезно, то нужен именно средний вариант.

И как вы себе это представляете?

[Ururu]

А есть ли смысл?

Смысл в том, что тень будет там же где и руль всегда )

Ммммм. даж не знаю как иначе объяснить ) В общем руль и тень будут 1 картинкой с альфа каналом.

Edited July 23, 2010 by Ururu

[s0rr0w]

Смысл в том, что тень будет там же где и руль всегда )

Ммммм. даж не знаю как иначе объяснить ) В общем руль и тень будут 1 картинкой с альфа каналом.

Тени должна быть только на белом листе.