PDA

Need some CSS help

merestealth
09-02-2006, 07:38 PM
I have a test forum setup for a wow guild i'm in. This is the test page,
http://testforums.guild29.com/
I'm having an issue with my CSS div's inside a table centering properly in IE and FF.

There are other small issues im working on atm to. This one by far is holding back the update.

All the code is contained in the overall_header.tpl, this is it.


<style type="text/css">
#header {clear: both;width:880px;text-align:center; margin:auto;}
#sides {text-align:left; width:880px;}
#sides UL { padding: 10px 0px; margin: 0px; }
#sides LI { display:inline; padding: 0px; margin: 0px; list-style-type: none; }
#copy {width:872px; text-align:center;}
#copy UL { padding: 0px; margin:0px;}
#copy LI { display:inline; padding: 0px; margin: 0px; list-style-type: none; }
#tada {background-image:url(templates/guild29elune/images/g2_timedate_back.gif); background-repeat:no-repeat; text-align:right;}
.luser {font-family:"Times New Roman", Times, serif; font-size:14px; color:#900000; text-decoration:none;}
.welbac {margin: 0px 0px 0px 390px;}
.books {margin: 0px 0px 0px 50px;}
.sidel {margin: 0px 0px 0px 0px;}
.sider {margin: 0px 0px 0px 876px;}
</style>
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/guild29elune/{T_HEAD_STYLESHEET}" type="text/css">

<!-- BEGIN switch_enable_pm_popup --> <b>
<script language="Javascript" type="text/javascript">
<!--
if ( {PRIVATE_MESSAGE_NEW_FLAG } )
{
window.open('{U_PRIVATEMS GS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes ,WIDTH=400');;
}

//-->
</script>
</b> <!-- END switch_enable_pm_popup --> <a name="top"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="templates/guild29elune/images/logo_ne.gif"><table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2"><img src="templates/guild29elune/images/logo_left_ne.gif" width="40" height="129" /></td>
<td rowspan="2"><img src="templates/guild29elune/images/logo_1.jpg" width="512" height="129"></td>
<td height="66" colspan="5" background="templates/guild29elune/images/logo_nav_topback.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"> <a href="{U_FAQ}" class="redtextlinks">Faq</a>&nbsp; <a href="{U_SEARCH}" class="redtextlinks">Search</a>&nbsp; <a href="{U_MEMBERLIST}" class="redtextlinks">Memberlist</a>&nbsp; <a href="{U_GROUP_CP}" class="redtextlinks">Usergroups</a>&nbsp; <a href="{U_PROFILE}" class="redtextlinks">Profile</a>&nbsp;
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}" class="redtextlinks">Register</a>&nbsp; <a href="{U_LOGIN_LOGOUT}" class="redtextlinks">Login</a>&nbsp;
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<a href="{U_PRIVATEMSGS}" class="redtextlinks">Messages</a>&nbsp; <a href="{U_LOGIN_LOGOUT}" class="redtextlinks">Logout</a>&nbsp;
<!-- END switch_user_logged_in --></td>
<td><img src="templates/guild29elune/images/logo_nav_rightcurve.gif" width="10" height="68"></td>
</tr>
</table></td>
<td rowspan="2"><img src="templates/guild29elune/images/logo_right_ne.gif" width="43" height="129" /></td>
</tr>
<tr>
<td><img src="templates/guild29elune/images/logo_nav_1.gif" width="90" height="61"></td>
<td><a href="http://forums.guild29.com" target="_self"><img src="templates/guild29elune/images/logo_nav_2_off.gif" alt="Guild TwentyNine Forums" width="105" height="61" border="0"></a></td>
<td><a href="http://roster.guild29.com" target="_self"><img src="templates/guild29elune/images/logo_nav_3_off.gif" alt="Guild TwentyNine Roster" width="68" height="61" border="0"></a></td>
<td><a href="http://dkp.guild29.com" target="_self"><img src="templates/guild29elune/images/logo_nav_4_off.gif" alt="Guild TwentyNine Bank" width="54" height="61" border="0"></a></td>
<td><a href="http://www.guild29.com" target="_self"><img src="templates/guild29elune/images/logo_nav_5_off.gif" alt="Guild TwentyNine Home" width="88" height="61" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="templates/guild29elune/images/username_back.gif"><div id="header"><div id="sides">
<ul>
<li></li>
<li> <div id="copy">
<ul>
<li><img src="templates/guild29elune/images/g2_twenty.gif" width="166" height="33" border="0" /></li>
<li><img src="templates/guild29elune/images/g2_welcome.gif" width="111" height="33" class="welbac"/></li>
<li><span class="luser">{LOGGED_IN_USERNAME}</span></li>
<li><img src="templates/guild29elune/images/g2_maplinks.gif" width="61" height="33" border="0" class="books"/></li>
</ul>
<div id="tada"><span class="bracket">[</span> <span class="date">{LAST_VISIT_DATE}</span> <span class="bracket">-|-</span> <span class="time">{CURRENT_TIME}</span> <span class="bracket">]</span></div>
</div>
</li>
<li></li>
</ul>
</div></div>
</td>
</tr>
</table></td>
</tr>
</table>