textarea inside td, resizing problem

[whatsoever]

I setup this fiddle to better illustrate the problem: http://jsfiddle.net/vPsAC/1/

If you try to resize the textarea under chrome it PROPERLY resizes the table cell, bottom and right divs it is supposed to resize everything according to the size of the textarea If you try to do it under FF the layout breaks, the TD element is not resized also the right div is not resized. Can anyone suggest a solution? It is supposed to work as it works in chrome!

[Hornebom]

like this?

[whatsoever]

No, because when you resize the textarea in the first cell vertically the divs in the second cell do not resize

[whatsoever]

Ok, i came up with a solution, but it is absurd :D
It works on FF but not on Chrome… i can’t even…
If anyone is interested here it is for FF:

http://jsfiddle.net/nhLyf/

The key was to set tr’s height to some value in px (30px) and the td’s height to 100%, but this does not work for Chrome, where i have to set td’s height to 30px :D

Anyway, thanks for the help Hornebom :)

[Author]

Posts