Ik vroeg me af hoe je het effect op deze pagina kunt bereiken: http://www.reservoir34.com/

Ik wil een soortgelijk iets met éen van mijn layouts doen, namelijk dat onderin het scherm bijv. zo'n veld zit, net als bij het voorbeeld, en dat ik de website gewoon goed op 800x600 kan bekijken. Ik wil dus niet dat de achtergrond 'in elkaar wordt gedrukt', en ook niet dat er een scrollbar moet komen om opzij te scrollen.

Kan iemand me hiermee helpen?

<script type="text/javascript" src="includes/function.js"></script>
<script type="text/javascript" src="includes/pngbg.js"></script>

deze twee scsripts gebruikt het denk ik, moet je maar eens proberen te downloaden en te editen

Hmm.. ok.. ik zal even kijken of dat lukt..

Zijn er nog andere manieren om een soortgelijk effect te cre&#235;ren?

Dit is gewoon een voorbeeld van slim basen.

Je kan dit bereiken door de body een background mee te geven:

Code:

body { background:white url(background.png) left bottom no-repeat; }

en dan zorgen dat die balk altijd onderaan staat:

Code:

<div id="container">
  inhoud enzo...
  <div id="onderstebalk">
   inhoud van balk
  </div>
</div>

Code:

html, body { height:100%; }
#container { width:100%; position:relative; min-height:100%; height:auto !important; height:100%; }
#onderstebalk { position:absolute; width:100%; bottom:0; }

afbeelding onderaan uitlijnen aan je body tag

een div met inhoud absolute positioneren aan je bottom

en je body een overflow:hidden geven ... klaar :)