please help me stop my div from moving when resizing the browser!

This site is best viewed in a modern browser with JavaScript enabled.

please help me stop my div from moving when resizing the browser!

rockerchinita

i'm a noob in web development, specially the new stuff, ive been stuck in the ages of tables where much time should be invested for a creation of one darn page.. so i found out about div, everything was easy since then.. but i discovered that the position:absolute key does not seem to work! im so frustrated, can anyone help me? thanks a bunch! :eek:

_Aerospace_Eng_

How do you expect us to help you without any code or a link from you?

rockerchinita

sori! haha forgot to paste it!

<div id="date" style="position:absolute;bottom:1px;left:1px">

<script language="JavaScript">
<!--
document.write("<p class=date align=left><font face=arial color=white size=1>" + Date() +

"<\/Font><\/p>")
//-->
</script>

</body>
</html>

okay, this is basically the short version of it.. i removed everything that is not relevant to the question, coz the whole code is too long! =)
i hate it when they move when i resize the window...

_Aerospace_Eng_

The only way for them not to move is if you set a really large width to the document. Other than that there really is no way to stop them from moving. Personally I would use this

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
html, body {
margin:0;
padding:0;
background:#000;
height:100%;
font-size:13px;
color:#FFF;
}
#container {
min-height:100%;
position:relative;
}
* html #container {
height:100%;
}
#counter {
position:absolute;
bottom:3px;
right:3px;
}
#date {
position:absolute;
bottom:1px;
left:1px;
}
#counter img {
display:block;
}
#datehold {
margin:0;
padding:3px;
}
</style>
<script type="text/javascript">
window.onload = function()
{
	document.getElementById('datehold').firstChild.nodeValue = Date();
}
</script>
</head>
<body>
<div id="container">
	<div id="counter">
		<!-- VISIT COUNTER -->
		<img src="http://counter.digits.com/wc/-d/3/-c/16/-z/rockerchinita" width="45" height="20" alt="">	</div>
	<div id="date">
		<!-- DATE -->
		<p class="date" id="datehold">&nbsp;</p>
	</div>
</div>
</body>
</html>

Its a lot better code than what you've provided.

rockerchinita

so how do i set the document width thing? thanks so much for the advice