абсолют

[f1nik]

Приветствую вас, уважаемые мастера!

Недавно обновлял свой персональный сайт и возникла такая проблема с некоторым нововведением.

Даже не знаю как описать проблему, но все-таки попробую:

Справа внизу картинка деревца, там где написано "древо...", я его с помощью дива и в параметрах прописал абсолют:

<!--c1--><div class='codetop'>Код</div><div class='codemain'><!--ec1--> div.drevo {

position: absolute;

bottom: 0;

right: 0;

width: 100%;

z-index: 999;

}<!--c2--></div><!--ec2-->

Всё, вроде бы, нормально, но когда я зашел на сайт с более меньшим разрешением экрана, то нашел непорядок:

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

Внимание вопрос: как сделать так, чтобы при прокрутке картинка тоже опускалась вниз, славно приклеена к низу браузера. Как я понял, "абсолют" тут бессилен.

Заранее благодарен!

Edited April 20, 2011 by f1nik

[swetlana]

так может имеет смысл что-то вроде

html, body { height: 100%; }
body {min-height: 750px; position: relative; }

Edited February 27, 2011 by swetlana

[ZI DAN]

Если нужно "приклеить", то примерно так:

div.drevo
{
   position: fixed;
   right: 0;
   bottom: 0;
   z-index: 999;
}

Edited February 27, 2011 by ZI DAN

[f1nik]

О! Спасибо огромное, дружище! Помогло)

Позор мне! Тема закрыта.

Edited February 27, 2011 by f1nik