DIV wont stretch across page, just across screen
Posted: 22 December 2008 09:24 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2008-12-22

Hi, i am kinda new into this web stuff, and i am trying to make myselve a nice web-page.

I am trying to stretch a <div> across a webpage, but it wont stretch as far as the screen’s resolution. so if you need to scroll down to view the text, the div suddenly stops.

here is my code so far:

<html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="content-language" content="NL" />
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
link href="style.css" rel="stylesheet" type="text/css" />
<
title>Helpdesk</title>

</
head>

<
body>
<!-- 
Movie List -->

<!-- 
Layout -->
<
div style=" background-color:#4f88d6; position:absolute; top:0; left:0; width:5px; height:100%;"></div>
<
div style=" background-color:#4f88d6; position:absolute; top:0; right:0; width:5px; height:100%;"></div>
<
div style=" background-image:url(images/png/top2.png); position:absolute; top:0; left:0; width:100%; height:28px;"></div>
<
div style=" background-image:url(images/png/top1.png); position:absolute; top:0; left:0; width:9px; height:28px;"></div>
<
div style=" background-image:url(images/png/top3.png); position:absolute; top:0; right:0; width:69px; height:28px;"></div>

<!-- 
Top Menu -->
<
div style=" background-image:url(images/png/search.png); position:absolute; top:28; left:5px; width:250px; height:40px;"></div>
<!--
MOVIELIST-->
<!-- 
ALL --><div style=" position:absolute; top:68; left:5px; width:190px; height:50px;"><!-- ALL -->
<!-- 
TOP --><div style=" background-image:url(images/png/imglist1.png);">&nbsp;</div><!-- TOP -->
<!-- 
MIDDLE --><div style=" background-image:url(images/png/imglist2.png);"><!-- MIDDLE -->
<!-- 
MIDDLE -->this div is just for testing <!-- MIDDLE -->
<!-- 
MIDDLE --></div><!-- MIDDLE -->
<!-- 
BOTTOM --><div style=" background-image:url(images/png/imglist3.png);">&nbsp;</div><!-- BOTTOM -->
<!-- 
ALL --></div><!-- ALL -->


<!-- 
Layout -->
<
div id="dock_container" style="position: fixed;">
</
body>
</
html

I read some info about this on the internet, but could find out what they mean exactly.

I hope some of you guys can help me with this.

Greetz demonforce

Profile