Another Opera positioning error

[kayti]

When viewing a report, the controls for the data table are overlaying the table itself.



This is because of the nested table spellDetailsTable which has a min-width of 670px. For some reason Opera is not applying this min-width to the containing <td>. The quick fix is to add a style="min-width: 690px" to the containing <td>.

However, you seem to have tried to create a fluid layout for some reason, so I can see this method failing as soon as spellDetailsTable grows beyond its minimum. The longterm solution would be to refactor this into floated divs.

[Maihem]

Hm, interesting issue. The width of the table cell should be adjusted as required by its content.

A floated DIV solution doesn't solve the problem though: imagine the table container DIV and the controls container DIV being floated. Now, their cumulative width becomes larger than the width of the main column. Poof! The controls will appear *under* the table.

I'm thinking of a solution using position: relative; margin-right combined with overflow: auto; max-width on the table container div. Then the controls container can be rendered as a child of it using position: absolute. Will have to experiment on that a bit.

[Miles]

Or just td width = 800 + td width = 200

(Yes, I hate css when it comes to weird tricks; stuff just won't work properly on all browsers)