Tweet
bastel gerade eine neue site mit layern (div), von denen sich zwei
an der fenstergrösse des users orientieren sollen.
das javascript dazu sieht so aus
das problem:
weise ich dem dokument einen doctype zu,
- klappt die skalierung nicht (IE 6, Moz. 1.2) ausser im Opera6
- ist overflow tot
- wird der letzte layer nicht mehr angezeigt
ohne doctype gehts (ausser, dass der opera keinen bock auf overflow hat)
was läuft hier falsch?
an der fenstergrösse des users orientieren sollen.
das javascript dazu sieht so aus
Code:
<script type="text/javascript">
if (window.innerHeight)
{
var hoehe = window.innerHeight; // hoehe ns / mozilla
}
else if (document.body.offsetHeight)
{
var hoehe = document.body.offsetHeight; // hoehe ie
}
else
{
var hoehe = 600; // standardhoehe festlegen, wenn nicht ermittelt
}
var vonOben = 331;
var inhaltH = hoehe - vonOben - 20;
if(inhaltH < 150) // aufloesung 800x600, schmalen inhaltsbereich abfangen
{
inhaltH = 200;
var fussTop = vonOben + inhaltH - 1;
}
else
{
var fussTop = hoehe - 19;
}
document.write('<div id="inhalt" style="position:absolute; width:775px; height:' + inhaltH + '; z-index:8; left: 50%; margin-left: -387px; top: ' + vonOben + 'px; overflow: auto; background-image: url(bilder/back.gif); layer-background-image: url(bilder/back.gif); background-color: #FFFFFF; layer-background-color: #FFFFFF;"> ');
document.write("<table width='695' cellpadding='0' cellspacing='0' border='1' align='center'>");
document.write("<tr valign='top'><td><img src='bilder/leer.gif' height='15' border='0' alt=''></td></tr>");
document.write("<tr valign='top'><td>");
document.write("{inhalt}<p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p>");
document.write("</td></tr></table>");
document.write("</div>");
document.write('<div id="fuss" style="position:absolute; width:775; height:5; z-index:100; left: 50%; margin-left: -387px; top:' + fussTop + 'px; background-color: #194785; layer-background-color: #194785;"></div>');
</script>
weise ich dem dokument einen doctype zu,
- klappt die skalierung nicht (IE 6, Moz. 1.2) ausser im Opera6
- ist overflow tot
- wird der letzte layer nicht mehr angezeigt
ohne doctype gehts (ausser, dass der opera keinen bock auf overflow hat)
was läuft hier falsch?
Kommentar