Hi,
Hope someone can help me….
I’m not that good at html yet, so i wonder if someone could help me fix this.
I think its to do with how the tables are set out.
I’m using phpbb, and i’m having a problem with the HTML in the header file. Its a style thats someone else created, so i’m adding a few buttons and new logo to match my site.
The problem i have is that in certain browsers, after i add 2 buttons to the top of the page (the “forum” and “album” buttons) when the browser window is resized by the user to be narrower the table seems to colapse. see images below:
I would like my site to look like this (it does in “firefox”):
[img]
but in “safari” and old versions on “internet explorer” it looks like this if the window is made a bit smaller:
[img]
[b]Here is the code to the header file
My site address is: [url]www.networkbase.co.uk
[code=html]<body bgcolor=”{T_BODY_BGCOLOR}” text=”{T_BODY_TEXT}” link=”{T_BODY_LINK}” vlink=”{T_BODY_VLINK}” leftmargin=”0″ topmargin=”0″>
<a name=”top”></a>
<table width=”100%” cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tr>
<td class=”bodyline”><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”216″ background=”templates/digitalGold/images/newlogo2.gif”>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><!– <font color=”#F5AA11″><strong>{SITENAME}</strong></font> –></td>
</tr>
</table></td>
<td><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”534″ height=”48″ align=”right” valign=”top” background=”templates/digitalGold/images/BG_menu.gif”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><img src=”images/pix.gif” width=”1″ height=”6″></td>
</tr>
<tr>
<td>
<form method=”post” action=”./search.php”>
<span class=”mainmenu”><a href=”{U_SEARCH}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_search.gif” border=”0″ alt=”{L_SEARCH}” /></a></span>
<input type=”text” style=”width: 80px” class=”post” name=”search_keywords” size=”30″ />
<input name=”submit” type=”submit” value=”{L_SEARCH}” class=”button” />
</form>
</td>
</tr>
</table>
</td>
<td background=”templates/digitalGold/images/bM.gif”><a href=”portal.php”><img src=”templates/digitalGold/images/p_home.gif” alt=”{L_INDEX}” width=”50″ height=”48″ border=”0″></a><a href=”index.php”><img src=”templates/digitalGold/images/p_forum.gif” alt=”{L_INDEX}” width=”50″ height=”48″ border=”0″></a><a href=”album.php”><img src=”templates/digitalGold/images/p_album.gif” alt=”{L_ALBUM}” width=”50″ height=”48″ border=”0″></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height=”40″ bgcolor=”#0C3344″><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><img src=”images/40.gif” width=”1″ height=”40″></td>
<td width=”100%”><div align=”center”><font color=”#D7D7D7″ size=”1″>{SITE_DESCRIPTION}</font></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”584″ height=”57″ valign=”top” background=”templates/digitalGold/images/BGMen.gif”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td width=”200″> </td>
<td width=”51″ valign=”top”><span class=”mainmenu”><a href=”{U_PROFILE}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_profile.gif” border=”0″ alt=”{L_PROFILE}” /></a></span></td>
<td width=”71″ valign=”top”><span class=”mainmenu”><a href=”{U_MEMBERLIST}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_members.gif” border=”0″ alt=”{L_MEMBERLIST}” /></a></span></td>
<td width=”50″ valign=”top”><span class=”mainmenu”><a href=”{U_GROUP_CP}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_groups.gif” border=”0″ alt=”{L_USERGROUPS}” /></a></span></td>
<td width=”40″ valign=”top”><span class=”mainmenu”><a href=”{U_PRIVATEMSGS}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_message.gif” border=”0″ alt=”{PRIVATE_MESSAGE_INFO}” /></a></span></td>
<td width=”34″ valign=”top”><span class=”mainmenu”><a href=”{U_FAQ}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_faq.gif” border=”0″ alt=”{L_FAQ}” /></a></span></td>
<!– BEGIN switch_user_logged_in –>
<td width=”49″ valign=”top”><span class=”mainmenu”><a href=”{U_LOGIN_LOGOUT}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_logout.gif” border=”0″ alt=”{L_LOGIN_LOGOUT}” /></a></span></td>
<!– END switch_user_logged_in –>
<!– BEGIN switch_user_logged_out –>
<td width=”49″ valign=”top”><span class=”mainmenu”><a href=”{U_LOGIN_LOGOUT}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_login.gif” border=”0″ alt=”{L_LOGIN_LOGOUT}” /></a></span></td>
<!– END switch_user_logged_out –>
<!– BEGIN switch_user_logged_out –>
<td width=”49″ valign=”top”><span class=”mainmenu”><a href=”{U_REGISTER}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_register.gif” border=”0″ alt=”{L_REGISTER}” /></a></span></td>
<!– END switch_user_logged_out –>
</tr>
</table></td>
<td background=”templates/digitalGold/images/bB.gif”><img src=”templates/digitalGold/images/bB.gif” width=”2″ height=”57″></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width=”100%” cellspacing=”0″ cellpadding=”10″ border=”0″ align=”center”>
<tr>
<td class=”bodyline”>
<table width=”100%” height=”8″ border=”0″ cellpadding=”0″ cellspacing=”0″ bgcolor=”#E3E9EC”>
<tr>
<td width=”12″ height=”8″ align=”left” valign=”top”><img src=”templates/digitalGold/images/ls_main_table_top.gif” width=”12″ height=”8″></td>
<td width=”100%” height=”8″ align=”left” valign=”top”> </td>
<td width=”12″ height=”8″ align=”left” valign=”top”><img src=”templates/digitalGold/images/rs_main_table_top.gif” width=”12″ height=”8″></td>
</tr>
</table>
<table width=”100%” border=”0″ cellpadding=”10″ cellspacing=”0″ bgcolor=”#E3E9EC”>
<tr>
<td>
i hope i explained myself! ?
How can i fix this.
thanks for your time
S
😕