achtergrond "fullscreen"+
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
Beste hugogits,hugogits schreef:Is dit mogelijk?
Voor mijn site zou ik graag als achtergrond een foto "fullscreen" hebben.
Die foto zou bij elke screenresolutie zo volledig mogelijk getoond moeten worden.
Dit lukt mij niet. Waar zitten de specialisten?
Onderstaande html code eens uitproberen
Code: Selecteer alles
<html>
<head>
<style type="text/css">
body {margin:0px;}
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}</style>
</head>
<body>
<!-- afbeelding achtergrond -->
<div id="background">
<img src="benaming_achtergrond_afbeelding.jpg" style="width: 100%; height: 100%;">
</div>
<!-- plaatst de test bovenop de achtergrond -->
<div id="scroller">
<div id="content">
Test
</div>
</div>
</body>
</html>
Anders:
Lees dit bericht eens op een ander forum. Misschien kan je het op die manier oplossen. Vereist wel veel meer werk.
mvg,
Coderunner
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
Beste Hugogits,hugogits schreef:Coderunner, je hebt me fantastisch geholpen.
Dat is graag gedaan en bedankt om dat hier te melden.
mvg,
Coderunner