nicht angemeldet
Hallo Detlef,
Javascript ist dazu nicht unbedingt nötig. Das nichtstandardkonforme Boxmodell des IE im Qirksmodus kann dazu ausgenutzt werden. Beispiel (wurde allerdings nicht mit IE7 getestet bzw. für diesen angepasst)
Hab mich nun an Deinem Beispiel orientiert und es funktioniert soweit tadellos bei mir, bis auf das Kopf-div, das ragt gelegentlich beim Neuladen im IE über das Aussen-div hinaus. Woran könnte dies liegen??
Hier mein Code dazu:
<html>
<head>
<style type="text/css">
div
{
border-color:#FFFFFF;
border-style:solid;
border-collapse:collapse;
}
#aussen
{
position:absolute;
top:5px;
right:5px;
bottom:5px;
left:5px;
}
#kopf
{
height:100px;
border-left-width:6px;
border-top-width:6px;
border-right-width:6px;
overflow:hidden;
}
#inhalt
{
position:absolute;
top:106px;
right:0;
bottom:0;
left:0;
border-left-width:6px;
border-bottom-width:6px;
border-right-width:6px;
padding-left:15%;
padding-right:15%;
overflow-y:scroll;
}
#aussen>#fuss
{
bottom:0;
left:0;
right:0;
}
* html #aussen
{
position:static;
height:100%;
}
* html #kopf
{
position:absolute;
width:100%;
height:106px;
}
* html #inhalt
{
position:static;
height:100%;
border-top:106px solid black;
}
</style>
</head>
<body>
<div id="aussen">
<!-- Kopf -->
<div id="kopf">
<!-- Bilderreihe -->
<table>
...
</table>
<!-- Navigation -->
<table id="navi">
...
</table>
</div>
<!-- Inhalt -->
<div id="inhalt">
...
</div>
</div>
</body>
</html>
Grüße und Danke