The wrong rendering

Table Rendering Bug - Testcase

Hello. This page serves as a testcase for the Opera Browser 7.11 for Windows. It showes some awkward rendering.

You're looking at a fairly normal table. The big title row at the top is in a table row, spanned across two columns. For the columns, a special width is assigned. The left column should be about 75% but has no width assigned, the right one shoud be about 160px. The css has assigned the title row a width of 90%.

By setting that caption row width, the web browser the lower columns, garbling their widths. Which width is chosen, doesn't matter. Setting the width at all is enough for this behaviour.

Oh and by the way, Opera isn't the only one affected by this bug. The Gecko based Phoenix browser 0.7 and Internet Explorer 6 sp1 are bugged as well. Mozilla 1.4 still has a little problem rendering this, but not much. Opera is the only browser tested to make the right column narrower. Setting the width of the top row shouldn't affect the lower columns at all.

I came across this bug, when redesigning the layout for my own website. I needed the top row to be about as wide as the screen, for I wanted the text to line out to the right. Of course, setting a width for the top row shouldn't affect the lower columns at all.

The correct rendering

Table Rendering Bug - Testcase

Hello. This page serves as a testcase for the Opera Browser 7.11 for Windows. It showes some awkward rendering.

You're looking at a fairly normal table. The big title row at the top is in a table row, spanned across two columns. For the columns, a special width is assigned. The left column should be about 75%, the right one about 120px. The css has assigned the title row a width of 90%.

By setting that caption row width, the web browser misrenders the lower columns, garbling their widths. Which width is chosen, doesn't matter. Setting the width at all is enough for this behaviour.

Oh and by the way, Opera isn't the only one affected by this bug. The Gecko based Phoenix browser 0.7 and Internet Explorer 6 sp1 are bugged as well. Mozilla 1.4 still has a little problem rendering this, but not much. Opera is the only browser tested to make the right column narrower. Setting the width of the top row shouldn't affect the lower columns at all.

I came across this bug, when redesigning the layout for my own website. I needed the top row to be about as wide as the screen, for I wanted the text to line out to the right. Of course, setting a width for the top row shouldn't affect the lower columns at all.