Breaking news banner

NZ_Kiwis

i want to have a banner on my website when there is breaking news, it will be on the browser so when the user scrolls down it will still be at the bottom of the page and at the full width and maybe 60 pixels high...

How can I do something like this??

wilku

You can google for 'fixed position on screen'.

NZ_Kiwis

So why does this just sit below the page?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<title> Floating Layers</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <link rel="stylesheet" href="content1.css">
   <link rel="stylesheet" type="text/css" href="CDmain.css">
<style type="text/CSS">
#container {
            width:100%;
            text-align:center;
			border-right:none;
			border-left:none;
			clear:both;
		   }
#container div {
                display:inline
               }
</style>
<script type="text/javascript">
   var Moffset = 200;
   var floatOffset=100;
   function resetPos()
   {
      str=document.documentElement.scrollTop+Moffset;
      document.getElementById('thediv').style.top=str+'px';
         }
window.onscroll=resetPos;
</script>
</head>
<body id="bdy" onLoad="Moffset=(document.documentElement.clientHeight-40); resetPos();"
            onResize="Moffset=(document.documentElement.clientHeight-40); resetPos();">
<div id="thediv" style="position:absolute;top:1500;width:100%; background-color:#FF0000;height:100px">
 <b><font color="#FFFFFF" size="5" face="Lucida Console">Breaking News:</font></b><p>
	<font color="#FFFFFF" size="2" face="Verdana">The NZRL have................</font></div>

</body>
</html>