Tina: scrollbares div + 100% tabellenhöhe

Beitrag lesen

Danke....
Problem gelöst, wenn ich die Tabelle entferne und "nur" 2 DIV's verwende... den einen z.B. mit 97% und den anderen mit 3%....
Dann geht es im IE6, Opera 7.20 und Mozilla 1.5

Hier nun der Quellcode, jedoch ohne DOCTYPE, da es damit nicht funkt...

<html>
<head>
<title></title>
<style type="text/css">

div.hauptbereich    { height:97%; font-size:10pt; padding-left:5px; padding-right:5px; margin:0px; background-color:#F2F2F4; color:darkblue}
  div.statusbereich   { height:3%;  font-size:8pt;  padding-left:5px; padding-right:5px; margin:0px; background-color:#F2F2F4; color:darkblue; border-color:darkblue; border-top-style:solid; border-top-width:3px; }

html, body { overflow:hidden; }
 <!-- style="overlow:hidden" im html-Tag verhindern die Browserscrollbalken des Gesamtbildschirms bei Mozilla/Netscape -->
 <!-- style="overlow:hidden" im body-Tag verhindern die Browserscrollbalken des Gesamtbildschirms beim IE6 -->
</style>

</head>

<body>

<div class="hauptbereich" style="overflow:auto">
  <script>for(i=0;i<800;i++) document.write("Many text in here... ");</script>
</div>

<div class="statusbereich">Statuszeile</div>

</body>
</html>

Darin steht auch warum body,head-Tag mit overflow:hidden;

Danke nochmals, ich dachte immer man muss eine Tabelle haben...

Grüsse,
Tina