Christopher: Bitte, bitte helft mir! IE, DIV & Scrollbars

Beitrag lesen

Hallo,
also vorweg, ich brauche wirklich dringend eure Hilfe. Ich habe wegen diesem Problem auch schonmal hier gepostet, aber kam mit der Antwort leider nicht zurecht. Also erstmal zu meinem Problem. Als Beispiel hier mal ne Internet-Seite die das verdeutlicht :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
  <meta name="generator" content="Adobe GoLive">
  <title>Test</title>
  <style type="text/css" media="screen"><!--
   body { margin: 0; padding: 0; overflow: hidden }
   #inhalt { position: absolute; top: 50%; right: 5px; bottom: 5px; left: 50%; overflow: auto; border: solid 2px black }
  --></style>
 </head>
 <body bgcolor="#ffffff">
  <div id="inhalt">Test Zeile 01<br>
   Test Zeile 02<br>
   Test Zeile 03<br>
   Test Zeile 04<br>
   Test Zeile 05<br>
   Test Zeile 06<br>
   Test Zeile 07<br>
   Test Zeile 08<br>
   Test Zeile 09<br>
   Test Zeile 10<br>
   Test Zeile 11<br>
   Test Zeile 12<br>
   Test Zeile 13<br>
   Test Zeile 14<br>
   Test Zeile 15<br>
   Test Zeile 16<br>
   Test Zeile 17<br>
   Test Zeile 18<br>
   Test Zeile 19<br>
   Test Zeile 20<br>
   Test Zeile 21<br>
   Test Zeile 22<br>
   Test Zeile 23<br>
  </div>
 </body>
</html>

Unter Mozilla/Firefox passiert da folgendes => Es wird ein Rechteck gezeichnet was genau in der Seitenmitte beginnt und bis 5 Pixel an den rechten/unteren Rand reicht. Das ganze ist eingerahmt damit man es auch "sieht". Wenn das Browser-Fenster zu klein ist um den ganzen Text in dem Rechteck anzuzeigen, dann wird AUTOMATISCH ein Scrollbalken eingeblendet.
SUPER, so soll es auch sein!!

Problemkind:IE
Starte ich da ganze im Internet-Explorer passiert leider folgendes. Erstmal wird ein Rechteck gezeichnet was auch in der Seitenmitte anfängt.  Soweit sogut, leider geht das Rechteck NICHT bis 5 Pixel an den rechten Rand, sondern ist nur so breit wie der Text in der Box.
Fehler Nummer 1
Das nächste Problem ist das die Box auch nicht bis 5 Pixel an den unteren Rand geht, sondern nur so hoch ist wie der Text.
Fehler Nummer 2
Ist das Browser-Fenster jetzt zu klein um den ganzen Text in der Box darstellen zu können passiert folgendes. Die Box wird trotzdem gezeichnet und "verschwindet" am unteren Rand, d.h. der IE zeichnet die Box so hoch wie es "eben sein muss", bedenkt dabei aber nicht das die Seite aufhört. Einen Scrollbalken vermisse ich natürlich auch, wobei das das Hauptproblem ist, ich bekomme es nicht hin das der IE automatsich in einem DIV einen Scrollbalken anzeigt, das geht NUR wenn ich bei Breite/Höhe einen FESTEN Pixelwert eintrage, was bei diesem Beispiel aber absoluter Schwachsinn ist und auch nicht möglich.
Fehler Nummer 3!!!

Also, das ist mein Problem. Mir wurde hier schon gesagt das das mit dem IE so auch nicht möglich wäre und das ich mit einem Tabellen-Layout arbeiten müsse. Nur weiß ich nicht wie ich das in dem Fall machen soll, egal was ich auch versuche, ich schaffe es nicht im  IE ein vergleichbares Ergebnis zu erzielen wie im Firefox. Auch mit Tabellen nicht.

Deswegen meine große Bitte an euch, kann jemand mein Beispiel von oben nehmen und es so ändern/bzw. ein neues machen, das es das gleiche Ergebnis liefert wie im Firefox? D.h. kann mir jemand ne Seite zeigen, ein Beispiel geben wie ich es anstellen muss, damit ich im IE ne Box bekomme, die bis kurz vor den Seitenrand geht (und nicht weiter oder kürzer) und die bei bedarf(!) automatsich(!) einen Scrollbalken einblendet???
Bitte ich weiß das ist sonst nicht die feine Art andere für sich arbeiten zu lassen. Aber ich habe hier im Forum die Posts durchsucht und auch schon gegooglet, aber entweder bin ich zu doof oder ich weiß auch nicht, ich schaffe es nicht. Und dabei steht und fällt damit mein ganzes Web-Projekt.

Also nochmal, bitte helft mir und gebt mir gleich ein ganzes Beispiel anstatt einer "normalen" Antwort wie => Tabellenlayout, bitte .....