Højden på brugerens browser
HejsaJeg har følgende stump kode
<script type="text/javascript">
<!--
var myWidth = 0, myHeight = 0;
if(typeof( window.innerWidth ) == 'number') {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
}
else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
}
else if(document.body && (document.body.clientWidth || document.body.clientHeight)) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
var h = myHeight - 301;
var img = '<img src="http://www.halserhvervsforening.dk/images/spacer.gif" alt="" width="1" height="' + h + '" border="0" align="right"/>';
document.write(img);
//-->
</script>
Ovenstående gør at der indsættes en transperente gif således at "bunden" af designet skubbes ned i bunden af brugerens browser
Linien :var h = myHeight - 301;
fortæller blot hvor meget plads toppen + bunden skal bruge og trækker så det fra således at den transperente gif ikke udvider sig mere end højst nødvendigt
Det funger næste optimalt, hvis altså der ikke er mere indhold på siden end at det kan ses i browseren når man kommer ind på siden, skifter man eks. til en side hvor der kommer scroll-bar på så funger det ikke længere, den sætter kun højden på den transperente gif
til at passe efter brugerens browser størelse, og således ikek efter indholdet, dvs. at der bliver brud i den grafik som ellers er i siden af designet :-(
Siden kan ses her : www.halserhvervsforening.dk i en skærmopløsning på 1280x1024 vl der være "brud" i grafikken på forsiden, men eks. ikke under punktet "kontigngent"
Nogen bud til hvordan jeg får grafikken til at strække sig med ned når der kommer scroll-bar på også ??
