« Return to the main article
Hello!
I'm still learning the basics of html.
Can anyone please write the full code of a basic example?
I was following this article and the code I wrote isn't functioning. What am I doing wrong?
Thank you!
My code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title>
<style type="text/css">
#fixed{ position:fixed; height:95px; }
#scrolls { top:96px; margin-top:100px; }
body{ overflow:expression("hidden"); }
#scrolls { position:expression("absolute"); top:96px; overflow:expression("auto"); height:expression(document.body.clientHeight-97); } </style>
</head>
<body> <div id="container">
<div id="fixed"> <p>This is where the butons go. </p> <p>TESTE1 </p> </div>
<div id="scrolls"> <p>This is the content of the page. </p> <p> </p> <p> </p> <p>asdffadf</p> <p> </p> <p> </p> <p> </p> <p>asdfasd</p> <p> </p> <p> </p> <p> </p> <p>asdf</p> <p> </p> <p> </p> <p>asdf</p> <p> </p> <p> </p> <p>asdf</p> <p> </p> <p>asdf</p> <p> </p> <p> </p> <p>asdf</p> <p> </p> </div>
</div> </body>
</html>
Hello!
I'm still learning the basics of html.
Can anyone please write the full code of a basic example?
I was following this article and the code I wrote isn't functioning. What am I doing wrong?
Thank you!
My code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title>
<style type="text/css">
#fixed{ position:fixed; height:95px; }
#scrolls { top:96px; margin-top:100px; }
body{ overflow:expression("hidden"); }
#scrolls { position:expression("absolute"); top:96px; overflow:expression("auto"); height:expression(document.body.clientHeight-97); } </style>
</head>
<body> <div id="container">
<div id="fixed"> <p>This is where the butons go. </p> <p>TESTE1 </p> </div>
<div id="scrolls"> <p>This is the content of the page. </p> <p> </p> <p> </p> <p>asdffadf</p> <p> </p> <p> </p> <p> </p> <p>asdfasd</p> <p> </p> <p> </p> <p> </p> <p>asdf</p> <p> </p> <p> </p> <p>asdf</p> <p> </p> <p> </p> <p>asdf</p> <p> </p> <p>asdf</p> <p> </p> <p> </p> <p>asdf</p> <p> </p> </div>
</div> </body>
</html>