HTML and CSS Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"
/>
<title>Fixed Positioning Test, Mark 1 (how things should be)</title>
<style type="text/css">
body, html {
margin: 0;
padding: 0;
}
p {
/* to avoid overlap */
margin-right: 25%;
padding: .5em;
}
#frame {
position: fixed;
right: 0;
top: 0;
height: 100%;
width: 20%;
/* to make it pretty */
background: #bed;
color: #347; }
a {color: #f00; }
</style>
</head>
<body>
<p>HTML and CSS Code:</p>
<p><code>infinite regression!</code></p>
<div id="frame"><p>
back to <a href="javascript:history.back()">article</a>,<br
/>
or back to <a href="../index.htm">index</a></p></div>
</body>
</html>