[Erledigt] CSS spinnt oder vielleicht doch ich

[Forumsgast]

Hi, habe zwei ineinander verschachtelte divs: calcBox umgibt innerForm.
Das ganze XHTML strict.

Hier die CSS-Anweisungen:

div.calcBox {background-image:url('../images/bar.jpg');
background-repeat:repeat-x;
position:absolute;top:0px;left:0px;height:366px;width:300px;
border-style:solid;border-width:1px;border-color:#FF8000;
}
div.innerForm {position:absolute;top:25px; background-color:#FFDDDD;} 

Per Javascript verändere ich nun die Eigenschaft style.height von calcBox. Dummerweise wird der Inhalt von innerForm weiterhin angezeigt, wenn ich
height z. B. auf 22px setze. Die Javascript Anweisung funktioniert, setzt height also tatsächlich auf 22px. Der Inhalt bleibt aber. Wo liegt da Bitte der "Fehler"?

[Forumsgast]

Probier mal overflow:hidden beim äusseren Element.

[Forumsgast]

Wenn ich dich jetzt richtig verstehe, willst du eine Box verkleinern, sodass nicht mehr ihr ganzer Inhalt zu sehen ist. Richtig?
ob der Inhalt beim Verkleinern der Box abgeschnitten wird, ist abhängig vom Wert der Eigenschaft overflow. Diese hat die erlaubten Werte visible (Standard), auto, scroll und hidden. Wenn du willst, dass der Inhalt abgeschnitten wird, musst du overflow auf hidden setzen. Sollen Scrollbars in der Box angezeigt werden auf auto (scroll empfehle ich dir nicht, da hier immer Scrollbars angezeigt werden, auch wenn keine gebraucht werden).
Der IE hat übrigens im Quirksmode (?) einen Bug: wenn overflow auf visible gesetzt ist (Standard), fließt der Text nicht über das Boxende hinaus, stattdessen wird die Box erweitert (ein nichtstandardkonformes Verhalten).

Beitrag editiert:
[…] Zu langsam…

[Forumsgast]

Vielen Dank

Hab's gerade selber gemerkt bzw. aus einem anderem Projekt abgelesen.
Genau das war's. Besten Dank und Gruß

[Forumsgast]

Dann den Thread bitte noch als [Erledigt] markieren. Danke!

[Forumsgast]

Und nochmal besonderen Dank an Manko10...

für die ausführliche Antwort.