Thanks for your help, I set the width attribute to 100%, something I didn't think of previously. I understood the need for javascript however, and for those interested this is what I wanted to make, I did so in a couple of hours panning through why it wouldn't work in Firefox, then it would work in IE etc.
HTML
<!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>Woot</title>
<script type="text/javascript">
var timer = null;
window.onload = function() {
showDateTime();
timer = setInterval('showDateTime()', 1000);
}
function showDateTime() {
var date = new Date();
document.getElementById('timeDate').innerHTML = date.toString();
clearInterval(timer);
timer = setInterval('showDateTime()', 1000);
}
</script>
<style type="text/css">
div.statusBar {
position:fixed ;
left:0% ;
top:97.9% ;
background: silver;
width: 100% ;
text-align:right }
}
</style>
</head>
<body>
<div class="statusBar" id="timeDate"></div>
</body>
</html>
Thanks a lot! Now the only issue I am having is the status bar's height gradually decreases when the browser window has shrunk vertically, but I'm sure I don't care
!
Now all I need is an idea to use it with.
XD
.
| 