Div-Rahmen hört am Seitenende auf. Inhalt geht aber noch weiter...

[FreakyHTML]

Hallo.

Heute mal mit einem HTML-Problem. Ich habe eine Div-Box mit folgendem Code erstellt:

div.middle{width: 80%;height: 100%;top: 20%;left: 20%;position: absolute;background-color: #fff5ee;

in der Div-Box habe ich dann Tabellen mit folgendem Code erstellt(nur ein Beispiel):

<table border="1"  valign="top" width="100%" height="5%"><tr><td align="center"><font face="Comic Sans MS" size="3">Künstler</font></td></tr></table>

Ich dachte, dass 100% heißt, dass es bis zum Ende des Inhalts geht. Aber leider ist dies nicht der Fall. Sobald mein Text am Ende des Bildschirms angekommen ist, hört der Rand auf, aber der Text verläuft weiter nach unten.

Wie verhinder ich das? wie sage ich meinem Quelltext, dass der Rahmen bis zum Textende verlaufen soll!?

Hoffe ihr versteht was ich meine.

Schönen Ostermontag euch.

 

[FreakyHTML]

Keiner eine Antwort darauf?

 

[threadi]

Verzichte auf absolute Positionierung, so weiß das Element auch, welchen Inhalt es hat.

Prozenzangaben bei Höhen und Breiten beziehen sich auf das umliegende Element und dessen Höhen- bzw. Breitenangabe. Hat das umgebende Element keine Höhe oder Breite angegeben, dann kann sich die Prozentangabe auch auf nichts beziehen.

 

[FreakyHTML]

Wenn ich die absolute Positionierung aber wegnehme, sieht das Ganze doch ein wenig komisch aus... Es wird dann alles untereinander ewig lang angezeigt :/

 

[threadi]

Evtl. wäre es hilfreicher wenn Du

a) dir die Bedeutung von absoluter Positionierung bewusst wirst. So wie Du sie aktuell verwendest und beschreibst weißt Du offenbar nicht wozu sie dient und was sie bewirkt.
b) einen Link zur betreffenden Seite zeigst damit man sich davon auch mal ein Bild machen kann.