[Toxicterror]

Hi Guys

I've got a simpel and little bit dumb question, but i just couldnt find a solution for it

Code

<script type="text/javascript" language="javascript">
	var height = window.innerHeight
	alert(height)
	document.getElementById("taskbar").style.top = height-30+'px'
</script>
<div class="taskbar" id="taskbar">
	Sample Text
</div>

CSS (not necessary)

.taskbar {
	background-image: url(./img/taskbar_bg.png);
	background-color: #999999;
	border: 0px;
	width: 100%;
	height: 30px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

What i actually want to achieve is, that this div calledtaskbar is at the bottom of the actual browserwindow.
At the moment it just displays underneath the last element.

I'd be thankful for any responses

Cheers,
Toxic

This post has been edited by Toxicterror: 30 November 2009 - 05:30 AM

[ahmad_511]

hi,
two things:
1- add

position:absolute;

2-you're executing the script before the div is rendered, so there is no taskbar at executing time, move the script down under the div

[Toxicterror]

hey thanks mate it worked

[ahmad_511]

you're welcome