Hallo,
ich habe folgendes Problem bei der Darstellung in Firefox und Netscape:
habe innerhalb einer Tabelle einen scrollbaren Text-Bereich über css definiert - wenn ich die Höhe mit px fix definiere, zeigen alle Browser das gewünschte Ergebnis (Bsp. 1)
Wenn ich die Höhe mit % definiere, zeigt nur der IE das gewünschte Ergebnis. (Bsp. 2)
<head>
Bsp. 1 - alle Browser zeigen das gewünschte Ergebnis:
<style type="text/css">
<!--
.scroll {
width:392px;
height:200px;
overflow:auto;
}
-->
</style>
Bsp. 2 - nur der IE zeigt das gewünschte Ergebnis:
<style type="text/css">
<!--
.scroll {
width:392px;
height:90%;
overflow:auto;
}
-->
</style>
<body>:
Das gewünschte scrollbare Textfeld binde ich dann über <div class="scroll"> innerhalb einer <td> ohne Höhenangabe ein. Die Tabelle besteht aus 3 Zeilen - Header und Footer haben eine fixe Höhe - die mittlere <td> passt sich automatisch der Seitenhöhe an, da die gesamte Tabelle 100% Höhe hat.
Ziel ist es, in der mittleren <td> ein sich automatisch der Fenster-Höhe anpassendes scrollbares Textfeld zu platzieren, wobei Header und Footer mit fixer Höhe am oberen bzw. unteren Seitenrand platziert sind.
Hat jemand eine Idee/Lösung?
Habe schon nach verschiedensten Beiträgen zum Thema Firefox/%-Höhe recherchiert und bin bisher leider nicht fündig geworden.
Vielen Dank,
Pietro