Hi rebies, try this without the position:absolute:
#righthandnavigation {
float:right; /*use the float*/
margin-top: 50px; /*your top margin*/
padding-right: 0px;
width: 100px;
height: 500px;
vertical-align: top;
text-align: center;
background-color: white;
padding-bottom: 0px;
z-index: 10;
Main Topics
Browse All Topics
by: rebiesPosted on 2004-12-16 at 11:19:37ID: 12844134
I can do the following using JavaScript, which makes the right hand navigation always align completely to the right, however it only works if the browser window is resized to a larger width. If the browser is resized to a smaller width, then the layout does not constrict, and thus the following code does not work:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style>
<!--
#righthandnavigation {
position: absolute;
top: 50px;
<!--- right: 0px; --->
padding-right: 0px;
width: 100px;
height: 500px;
vertical-align: top;
text-align: center;
background-color: white;
padding-bottom: 0px;
z-index: 10;
}
BODY {
background-color: red;
}
//-->
</style>
<script language="javascript">
<!--
function changeDivWidth() {
var newWidth = document.body.scrollWidth - 100;
document.getElementById('r
}
onload = changeDivWidth;
onresize = changeDivWidth;
-->
</script>
</head>
<body topmargin=0 leftmargin=0 rightmargin=0>
<div id="righthandnavigation">
text
</div>
<table width="100%"><tr><td> 
</body>
</html>