Hi,
ergänzend zu @Maiks Post sei angemerkt, dass dieser Workaround auch
für den IE im standardsmode funktioniert. In diesem Modus muss das body-Objekt
durch das documentElement-Objekt ersetzt werden.
Ciao
Quaese
ergänzend zu @Maiks Post sei angemerkt, dass dieser Workaround auch
für den IE im standardsmode funktioniert. In diesem Modus muss das body-Objekt
durch das documentElement-Objekt ersetzt werden.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>
<style type="text/css">
<!--
body {
background: #dfdfdf;
}
#anmeldeleiste { /* Für nicht-IE-Browser */
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 7;
height: 50px;
background: #000;
color: #fff;
}
-->
</style>
<!--[if lt IE 7]>
<script type="text/javascript">
</script>
<style type="text/css">
#anmeldeleiste { /* Für IE */
position: absolute;
bottom:0;
width: 100%;
/* ***** [IE im Standardsmode] ****** */
/* Die nachstehenden zwei Zeilen müssen aktiv sein, wenn sich der IE im STANDARDSMODE befindet (sonsten auskommentieren) */
/**/
top: expression(document.documentElement.scrollTop + document.documentElement.clientHeight - this.clientHeight);
width:expression(document.documentElement.clientWidth);
/* ***** [IE im Quirksmode] ****** */
/* Die nachstehenden zwei Zeilen müssen aktiv sein, wenn sich der IE im QUIRKSMODE befindet (sonsten auskommentieren) */
/*
top: expression(document.body.scrollTop + document.body.clientHeight - this.clientHeight);
width:expression(document.body.clientWidth);*/
}
</style>
<![endif]-->
</head>
<body>
<p style="height: 500px;">dummy text</p>
<p style="height: 500px;">dummy text</p>
<p style="height: 500px;">dummy text</p>
<div id="anmeldeleiste">aha</div>
</body>
</html>Quaese
