It was pretty easy fix the
Opera display problem after glancing at the code.
Anyways, here's the fix:
Find
HTML Code:
<div style="padding:0px 21px 0px 13px">
Replace with
HTML Code:
<div style="padding:0px 21px 0px 13px;width:555px;">
This will fix all your tables and whatnot...well, mostly. Then your "thead"s begin to cause a problem by not conforming to the div.
To fix that, do the following:
Find
HTML Code:
<table cellpadding="0" cellspacing="0" width="100%">
<tr align="center">
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;" width="49" nowrap="nowrap"> </td>
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;" width="239" align="left" nowrap="nowrap">Forum Name</td>
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;" nowrap="nowrap">Posts</td>
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;" nowrap="nowrap">Threads</td>
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;" width="144" nowrap="nowrap" align="left">Last Post</td>
</tr>
</table>
Replace with
HTML Code:
<table class="tborder" cellpadding="0" cellspacing="0" style="max-width:555px;width:100%">
<tr align="center">
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;width:26px;" nowrap="nowrap"> </td>
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;width:216px;" align="left" nowrap="nowrap">Forum Name</td>
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;width:26px;" nowrap="nowrap">Posts</td>
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;width:28px;" nowrap="nowrap">Threads</td>
<td class="thead" style="border-style: solid; border-width: 1px; border-color: #83AC31 #83AC31 #97C63A #97C63A;width:120px;" nowrap="nowrap" align="left">Last Post</td>
</tr>
</table>
You will obviously have to fix the special column forums too... But I hope this helps. I tested this in FireFox, IE7, and Opera. Should be good to go.
You can view the mockup code here:
http://www.talkxhtml.com/talkfreelance.html
Hope this helps you guys. Let me know if you need anything else
Corey