I have a page that have 2 boxes with fixed width and dynamic height. Their content is loaded dynamically from a database so I don't know the content height...
What I want to do is to set the height of the shortest box to fit the height of the largest one.
So if box A have height == 10px and box B is 15px, set box A to 15px...
So far, easy stuff. But if the user decides to change the text size with their browser (Ctrl++ in Firefox for example), only the (former larger) box expand itself (which is normal behavior).
What I would like is to either trap the font resize event (triggered by the user) or attach a onResize event to the div (which don't work in Firefox). This way both boxes will always have the same height.
Anyone can help? Solution must validates as HTML 4.01 Strict.