Kotivalo
06-09-2007, 01:57 AM
I just grabbed Firefox 3.0 Alpha 5 (dubbed Gran Paradiso), lured by the improvements in the new Gecko rendering engine, bookmark management and the like. Anyway, seems that the browser has also become a bit less forgiving about broken HTML, which uncovered some problems with the majority of themes.
In particular, the majority of themes seem to omit a good amount of required end tags within the character stat table. This results in the HP and XP bars being displayed as if they were always empty with the new Firefox version. The only exception I could find (on DragonCat and MightyE's server) was the Classic theme, which had no apparent problems.
Here's an example of how the "Hitpoints" section looks with the Classic theme, with additional indentation added:
<tr>
<td class='charinfo'>
<b><span class='colLtWhite'>Hitpoints</span></b>
</td>
<td class='charinfo'>
<span class='colLtYellow'></span>
<span class='colLtGreen'>153</span>/<span class='colLtWhite'>153</span>
<br />
<table style='border: solid 1px #000000' bgcolor='#777777' cellpadding='0' cellspacing='0' width='70' height='5'>
<tr>
<td width='100%' bgcolor='#00ff00'></td>
<td width='0%'></td>
</tr>
</table>
</td>
</tr>
<tr>
...
And here's how it looks with Jade. Notice how the nested table, the latter cell and the row are never properly terminated, breaking the structure of the page:
<tr>
<td class='charinfo'>
<b><span class='colLtWhite'>Hitpoints</span></b>
</td>
<td class='charinfo'>
<span class='colLtYellow'></span>
<span class='colLtGreen'>153</span>/<span class='colLtWhite'>153</span>
<br />
<table style='border: solid 1px #000000' bgcolor='#777777' cellpadding='0' cellspacing='0' width='70' height='5'>
<tr>
<td width='100%' bgcolor='#00ff00'></td>
<td width='0%'></td></tr></table></td>
</tr>
<tr>
...
I probably don't need to say that there's also a number of other downsides to having broken structure like this on the page. Modern browsers can be very forgiving in many situations, but quirk rendering modes might also make consistent use of standard CSS formatting and various other features impossible.
In particular, the majority of themes seem to omit a good amount of required end tags within the character stat table. This results in the HP and XP bars being displayed as if they were always empty with the new Firefox version. The only exception I could find (on DragonCat and MightyE's server) was the Classic theme, which had no apparent problems.
Here's an example of how the "Hitpoints" section looks with the Classic theme, with additional indentation added:
<tr>
<td class='charinfo'>
<b><span class='colLtWhite'>Hitpoints</span></b>
</td>
<td class='charinfo'>
<span class='colLtYellow'></span>
<span class='colLtGreen'>153</span>/<span class='colLtWhite'>153</span>
<br />
<table style='border: solid 1px #000000' bgcolor='#777777' cellpadding='0' cellspacing='0' width='70' height='5'>
<tr>
<td width='100%' bgcolor='#00ff00'></td>
<td width='0%'></td>
</tr>
</table>
</td>
</tr>
<tr>
...
And here's how it looks with Jade. Notice how the nested table, the latter cell and the row are never properly terminated, breaking the structure of the page:
<tr>
<td class='charinfo'>
<b><span class='colLtWhite'>Hitpoints</span></b>
</td>
<td class='charinfo'>
<span class='colLtYellow'></span>
<span class='colLtGreen'>153</span>/<span class='colLtWhite'>153</span>
<br />
<table style='border: solid 1px #000000' bgcolor='#777777' cellpadding='0' cellspacing='0' width='70' height='5'>
<tr>
<td width='100%' bgcolor='#00ff00'></td>
<td width='0%'></td></tr></table></td>
</tr>
<tr>
...
I probably don't need to say that there's also a number of other downsides to having broken structure like this on the page. Modern browsers can be very forgiving in many situations, but quirk rendering modes might also make consistent use of standard CSS formatting and various other features impossible.