sbm: passepartout im Anzeigebereich des Fensters

Beitrag lesen

SELF-Forum

passepartout im Anzeigebereich des Fensters

sbm
– Informationen zu den Bewertungsregeln

Hi!

»» Welche Tipps in der Charta habe ich denn nicht beachtet?

Was hast Du bislang unternommen?
Ein Stück Code oder besser noch: ein Online-Beispiel hilft sehr die Angelegenheit zu klären.

off:PP

Hallo Peter Pan,

online ist nix, bislang alles lokal. Aber offensichtlich habe ich mich falsch ausgedrückt, denn es ist wohl schwerer zu verstehen, als ich dachte.
Der folgende Code ist nicht original, aber das relevante ist daraus zu entnehmen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
<title>Unbenanntes Dokument</title>  
  
<style type="text/css">  
  
* {  
	margin:0;  
	padding:0;  
}  
  
#site_bg {  
	margin: 15px;  
	background-color: #666666;  
}  
  
#wrap {  
}  
  
</style>  
  
<script type="text/javascript" language="javascript">  
  
	function setBorder() {  
		document.getElementById("site_bg").style.height = window.innerHeight-30+"px";  
	}  
  
</script>  
  
</head>  
  
<body onload="setBorder()" onResize="setBorder()">  
  
<div id="site_bg">  
    <div id="wrap">  
 		In diesen container kommt der Content ...<br />  
        In diesen container kommt der Content ...<br />  
        In diesen container kommt der Content ...<br />  
        In diesen container kommt der Content ...<br />  
        In diesen container kommt der Content ...<br />  
        In diesen container kommt der Content ...<br />  
        In diesen container kommt der Content ...<br />  
    </div>  
</div>  
  
</body>  
</html>

Das Blöde dabei ist, dass das Passepartout in den Content "hineinläuft", wenn das Fenster eine zu geringe Höhe aufweist. Das ist nicht schön, aber ich bekomme es im Moment nicht anders hin und erhoffe mir, hier ein paar Tipps zu bekommen. Außerdem wäre eine Lösung ohne JS auch nicht schlecht :-/

Vielen Dank schonmal.

Viele Grüße
sbm

Beitrag melden
–
Informationen zu den Bewertungsregeln