Общие вопросы : dhtml разговоры

кратко :)

При помощи только CSS сделать такое невозможно, разве только
можно определить положение картинки бэкграунда например:
<style type=text/css>
body {background: URL("file.gif") fixed bottom right no-repeat}
</style>
для слоев без скриптов не обойтись, в этом случае для слоя, который будет
висеть неподвижно, надо задать position:absolute; top:0px; left:0px,
например, а скриптом мы будем его менять, обращаясь к posTop и posLeft
их мы будем сравнивать с document.body.scrollTop и document.body.scrollLeft
и обрабатывать событие onscroll, например так:
<html>
<head>
<script language="JavaScript">

</script>
</head>
<body onscroll="slip();">
<div id="logo" style="position:absolute; top:0px; left:0px">
TEXT-LOGO-TEXT
</div>
<div>
text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
text<br>text<br>text<br>text<br>text<br>text<br>text<br>text
</div>
</body>
</html>
далее, чтобы расположить слой внизу и справа экрана нужно вычислить
размеры последнего: document.body.clientHeight - высота и, соответственно
document.body.clientWidth - ширина, теперь, учтя размеры слоя,
document.all.logo.height|width - высота и ширина, можем задать
местоположение его левого верхнего угла, а именно взять размер экрана,
учесть размер слоя и учесть величину, на которую юзер проскролил документ:
document.body.scrollTop и document.body.scrollLeft например:
<html>
<head>
<script language=javaScript>

</script>
</head>
<body onload="slide();" onscroll="slide();">
text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>text<br>
<div id=logo width=200 height=35 style="position: absolute; top: 0px; left: 0px;">
TEXT-LOGO-TEXT
</div>
</body>
</html>

Общие вопросы

Ответ