I've been working on a new forum skin, only to find that it looks rather bad in Mozilla Firefox and other such browsers..
The postbit for example, looks different in Mozilla than it does in IE6. I've attached screenshots of this, and below is the code that I am using (rather scrappy atm) - can anyone possibly help me out?
<div align="center">
<table cellspacing="0" cellpadding="0" width="160" border="0" class="tborder"><tr><td>
<table cellspacing="0" cellpadding="0" width="160" border="0">
<tbody>
<tr>
<td>
<table height="22" cellspacing="0" cellpadding="0" width="100%" bgcolor="#222222" border="0">
<tbody>
<tr>
<td valign="middle"<if condition="is_browser('ie', 6)"> align="$stylevar[left]"</if> width="130">
<span id="postmenu_$post[postid]">
<if condition="$show['profile']">
<a href="member.php?$session[sessionurl]u=$post[userid]"> $post[musername]</a>
<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
<else />
$post[musername]
</if>
</span>
</td>
<td valign="middle" align="$stylevar[right]"><if condition="$post[field6]"><img class="inlineimg" src="$stylevar[imgdir_misc]/$post[field6].gif" alt="$post[field6]" /> </if></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table cellspacing="1" cellpadding="2" width="160" bgcolor="#333333" border="0">
<tbody>
<tr>
<td><div align="center">
<table height="92" cellspacing="0" cellpadding="0" width="92" border="0">
<tbody>
<tr>
<td valign="middle" align="center" background="images-umbrella/a-bg.gif">
<if condition="$show['avatar']">
<if condition="is_browser('ie', 6)"><div><img src="$vboptions[cleargifurl]" height="4" width="1" alt="" /></div></if><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$avatarurl" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</if>
</td>
</tr>
</tbody>
</table>
<if condition="$post['usertitle']"><div class="smallfont"><strong>$post[usertitle]</strong><br /><br /></div></if>
<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>
<div class="smallfont">$vbphrase[posts]: $post[posts]</div>
<if condition="$post['joindate']"><div><img src="images-umbrella/line.gif" height="1" width="105" border="0" /></div>
<div class="smallfont">Enrolled: $post[joindate]</div></if>
<div><img src="images-umbrella/line.gif" height="1" width="105" border="0" /></div>
$post[onlinestatus]
</div></div></td>
</tr>
</tbody>
</table>
<table cellspacing="0" cellpadding="4" width="160" bgcolor="#320000" border="0">
<tbody>
<tr>
<td><div align="center">
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tbody>
<tr>
<td<if condition="is_browser('ie', 6)"> align="$stylevar[left]"</if> valign="middle"><img src="images-umbrella/umbrella.gif" class="inlineimg" alt="" /></td>
<td align="$stylevar[right]" valign="middle">
<span class="smallfont"><a href="member.php?$session[sessionurl]u=$post[userid]">Employee #$post[userid]</a></span>
</td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</tbody>
</table>
</td></tr></table>
</div>
Stop using nested tables :P and your problems shall disapate :P