Вопрос по слоям в css. Нужна помощь.

[BadBoy]

Приветствую.

Есть сайт, нужно прикрепить картинку к нижней левой части браузера, чтобы она была как бы над сайтом (верхним слоем).

вот картинка:

Сайт помечен как серый квадрат, картинка как красный.

Красный квадрат уперается в конец всего изображения, это конец(низ) браузера, как должно выглядеть

Как лучше реализовать это?

Edited July 23, 2009 by BadBoy

[Great Rash]

HTML

<img class="someclass" src="путь/до/картинки" alt="" />

CSS

.someclass {
	position: absolute;
	left: 10px;
	bottom: 0;
}

[BadBoy]

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

вот пример

на картинке показано красным как не должно быть

а зеленым как должно

Короче говоря, надо сделать так что бы картинка имела положение в самом низу сайта и было статичным, то есть position: absolute;

вот код что я использовал

<style>
#arni {
  position: absolute;
  bottom: 0;
 }

</style>

<div id="arni"><img src="./123.gif"></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

[DjTarik]

добавьте див-обертку с позишн: релэйтив; внутри него поставьте картинку с тем же стилем... Она будет позиционироваться относитьльно дива, а не окна...

[Justnewone]

...<br><br><br><br><br>...

Это однозначное ПЯТЬ!

[3ABAPKA]

HTML

<img class="someclass" src="путь/до/картинки" alt="" />

CSS

.someclass {
	position: absolute;
	left: 10px;
	bottom: 0;
}

Вот доработай

.someclass {
	position: fixed;
	z-index: 502;
	}
/* star html hack - IE only */
* html .someclass {
	position: absolute;
	}
/* a bet on future IEs */

[Great Rash]

Цитирую вас:

"Красный квадрат уперается в конец всего изображения, это конец(низ) браузера, как должно выглядеть"

Низ браузера и низ сайта - разные вещи. Что вы попросили, то я вам и написал. Формулируйте мысли точнее.

[BadBoy]

вот то что я хотел сказать в видео

http://rutube.ru/tracks/2165214.html?v=266...22d20a076de4ad6

добавьте див-обертку с позишн: релэйтив; внутри него поставьте картинку с тем же стилем... Она будет позиционироваться относитьльно дива, а не окна...

а можно по подробнее с кодом?

[BadBoy]

все решение найдено