achtergrond "fullscreen"+ — Forum

hugogits Startte dit onderwerp 17 jan 2008, 09:24 Wevelgem 2 berichten

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?

coderunner 24 jan 2008, 21:18 Aubauke - Aentwaerepe 1.828 berichten

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?

Beste hugogits,

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

hugogits Startte dit onderwerp 26 jan 2008, 17:08 Wevelgem 2 berichten

Coderunner, je hebt me fantastisch geholpen.

Hugogits

coderunner 26 jan 2008, 22:06 Aubauke - Aentwaerepe 1.828 berichten

hugogits schreef:Coderunner, je hebt me fantastisch geholpen.

Beste Hugogits,

Dat is graag gedaan en bedankt om dat hier te melden.

mvg,
Coderunner