R4v3r

Hallo,

ich habe ein Problem mit einem mouseover Effekt, welcher eigentlich total simpel ist und im FF auch funktioniert.

Ich möchte im mouseover-Fall eine Textarea vergrößern, im mouseout-Fall wieder verkleinern, aber so, dass die Tabelle, ich welcher sich die TA befindet, bei der Vergrößerung nicht verzerrt wird, sondern sich die TA über den Rest legt.

Dazu habe ich der TA einfach ein "position: absolute" gegeben und vergrößer dann die width und height Werte über textarea.style.width/height.

Im FF klappt das, wie gesagt, wunderbar, nur im IE (getestet hab ichs jetzt im 7er) wird lediglich der Platz vergrößert (alle Tabellenfelder dahinter werden nach unten gerückt) nur die TA selbst bleibt auf in der alten Größe.

Wo kann das Problem liegen?

Mister Ad

nikosch

- am IE
- an der Tatsache, dass die textarea in der Tabelle liegt
- an der ganzen Idee

Darf man frage, wozu das Ganze? Und warum positionierst Du die TA nicht außerhalb der Tabelle und dann mittels position darüber?

Kannst auch das overflow CSS probieren. Aber der Fall ist so speziell, dass er mit Sicherheit nicht einheitlich von allen Browsern dargestellt wird.

Zergling-new

Versuch doch mal position:relative, overflow:visible oder table-layout:fixed. Andernfalls muss halt ein Layer her. Ich denke da gibt es genug Moeglichkeiten, zumindest fuer die neueren Browser.

GSJLink

Schonmal probiert die Textarea mit 100% Höhe und Breite zu definieren und dann in einen Div Container zu setzen, dessen Breite und Höhe du mit JS steuerst?

mfg
Link

__________________
"Ein Script ist nur dann gut, wenn es unabhängig von der verwendeten Plattform funktioniert"