After reading the framework's Author's original forum post - it seems that the <div>s got changed to a table layout in version 1.1.1-beta:
! TeamSpeak3_Viewer_Html interface now returns HTML tables instead of div elements so please make sure that your existing CSS files get updated too
* updated TeamSpeak3_Viewer_Text and TeamSpeak3_Viewer_Html classes with new customizable output patterns to provide greater flexibility.
The Author says:
Originally Posted by ginger|HFD
Thank you! What was your motivation to go away from CSS back to tables?
Two simple reasons:
A table layout is 100% compatible to ALL current browsers since you don't need to float anything around (e.g. to get the right icon alignment).
The table layout is fluid and supports the channel spacers without having to be a CSS guru.
As you'll see the new HTML interface can be fully customized with the new pattern system I've implemented. For example:
HTML Code:
<table id='%0' class='%1'><tr class='%2'><td class='%3'>%4</td><td class='%5' title='%6'>%7 %8</td><td class='%9'>%10%11</td></tr></table>
The placeholders in this pattern will be replaced with dynamic values in a pre-defined order. So you can also go back to the old <div> tag format if you want.
Basically, this means that you can either go back to divs by changing the above code in /libs/Teamspeak3/Viewer/html.php or maybe try a RESET CSS stylesheet to get rid of all the gaps that <tables> produce. does anyone have any CSS suggestions?
I would still like to know what JoomSimple Admin recommend for best way to upgrade the framework please?