Moeren: div überschreited td oder auch scrollen in tabellen

Beitrag lesen

Moin.

Also, ich hab folgendes Problem, ich habe eine Tabelle, die je nach Inhalt in ihre größe ändert. Deswegen kann ich mein Problem nicht mit festen werten lösen.

Nun, die Tabelle besteht aus 3 Zeilen und einer Spalte, in der der meißte Inhalt in der 2ten Zeile steht. Jetzt möchte ich aber weil in der 2ten Zeile gerade so viel steht, das diese Scrollbalken bekommt.

Nun geb ich dem <td> die Eigenschaft overflow:scroll; und merke schnell -> geht nicht.

Okay, dann muss halt nen <div> für die Scrollbalken her... prima -> das geht.

Aber was ist nun wenn der Inhalt im <div> doch kleiner als das <td> ist ? Dann hab ich mitten drin die Scrollbalken, also sollte das immer möglichst den vollen Platz im <td> verwenden. Also, schnell mal die Höhe und Breite auf 100% gesetzt. Wunderbar funktioniert. !Denkste.. nur im IE, denn der gute alte Firefox zeigt mal wieder keine Flexibilität oder Fehlertoleranz ^^

Denn im FF steht das <div> bei viel Inhalt weit über das <td> in dem es liegt hinaus. Nun hab ich gehofft IE nimmt die richtigen ausmaße an wenn ich dem <div> sag position:absolute;... und das funktioniert sogar, nur nicht richtig.
Denn Jetzt ist das <div> so groß wie die Tabelle und steht unten über den <td> wieder soweit hinaus, wie die erste Zeile hoch ist..

Was kann ich das beheben ? oder gibt es vielleicht auch eine Möglichkeit den Scrollbalken ohne <div> ins <td> zu bekommen ?