руки то надо выпрямить
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Плавающий блок с без помощи jQuery
</title> rel="stylesheet" href="http://jemand.ru/examples/template-example/style.css" type="text/css" />
<style>
.left {
width:70%;
float:left;
}
.right {
margin-top: 10px;
float:right;
width:20%;
}
#fixed {
color: #fff;
background: #000 url(http://jemand.ru/examples/template-example/template-example-headline-bg.gif);
padding:20px;
border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
font-family: Georgia;
position: fixed;
z-index: 100;
}
</style>
</head>
<body>
<!-- Заголовок всегда ссылка на саму статью! -->
<div id="wrap">
<div id="headline">
<a href="http://jemand.ru/plavayushhij-blok-s-pomoshhyu-jquery/">Плавающий блок с без помощи jQuery
</a>
</div>
<div id="content" class="clearfix">
<div class="left">
<!-- Содержание -->
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<!-- /Содержание -->
</div>
<div class="right">
<div id="fixed">> Текст фиксированного блока
</div>
</div>
</div>
</div>
<div id="footer">
Обсудить статью Вы всегда можете на форуме
<a href="http://web-forum.ws" target="_blank">Web-Forum.ws
</a>!
</div>
</body>
</html>
Спустя 2 минуты 44 секунды добавил
это я скопировал с твоей ссылки, как ты можешь догадаться.
здесь от <div class="right"> можно было бы избавиться, но лениво.
много лишнего, я просто покоцал все <script> и добавил position — все!