Вывод элемента на определенное место

[qazibum]

На странице, в блоке Х выводится элемент, изображение в ссылке

<a id="foto" href="/3.jpg"><img src="/3.jpg"></a>

Нужно, чтобы этот элемент всегда, вне зависимости от того, где он находится в блоке Х, отображался в правом-нижнем углу блока Х. В блоке Х могут быть и другие элементы, но это не должно влиять на отображение элемента. Кроме того, что все остальное должно обтикать этот элемент. Как сделать css'ом? Может я туплю, что-то голова уже плохо варит.

a#foto{
float:right;
margin:0;
padding:0;
display:block;
position:absolute;
}

[mrnobody]

Когда свойство position принимает значение absolute или fixed, то свойство float принимает значение none, хоть вы и написали float: right;. И display: block; не надо писать, потому что есть float и posdition: absolute.

Если нужно чтобы плавающий элемент обтекали другие элементы, то его нужно расположить в начале блока Х, а вот как его вниз опустить с сохранением обтекания я не знаю ((. Если через position: absolute делать то нужно прописать bottom: 0; и right: 0;, но опять приходим к тому что не будет обтекания.

Edited August 9, 2012 by mrnobody

[qazibum]

  On 8/9/2012 at 10:27 PM, mrnobody said:

Когда свойство position принимает значение absolute или fixed, то свойство float принимает значение none, хоть вы и написали float: right;. И display: block; не надо писать, потому что есть float и posdition: absolute.

Если нужно чтобы плавающий элемент обтекали другие элементы, то его нужно расположить в начале блока Х, а вот как его вниз опустить с сохранением обтекания я не знаю ((. Если через position: absolute делать то нужно прописать bottom: 0; и right: 0;, но опять приходим к тому что не будет обтекания.

Да, на счет float я погорячился А display: block; разве не нужно указать для элемента a (для ссылки), чтобы он стал блочным элементом? Хотя и без этого вроде работает, но не уверен за все браузеры.

У меня получилось установить справа внизу присвоив родительскому элементу position:relative; а самому элементу, как вы и написали

position:absolute;

bottom:0;

right:0;

А вот с обтеканием понятия не имею как сделать.

[qazibum]

Нет вариантов сделать элемент обтекаемым у которого position:absolute; ?