Darstellung mit verschiedenen Browsern unterschiedlich
Verfasst: 18.03.2007 21:52
Ich habe ein Problem was das Design meiner HP angeht, nur Opera liefert das von mir gewünschte Ergebniss, bei IE und Mozilla erscheinen die Menüs Links wesentlich Breiter als sie Eigentlich sein sollen. Die URL meiner HP
http://www.trashkopf.de
Ich habe auch einen Screenshot hochgeladen wie die HP eigentlich aussehen soll, dazu muss man sich allerdings einloggen
Testaccount:usr/pw Test/test
ich weis das ich eine Einstellung in der index_body.tpl vornehmen muss habe aber keine ahnung wo genau ich welche Angabe hinzufügen muss.
Das Ergebniss jedenfalls soll sein, das jeder Browser die seite so darstellt, wie auf dem screenshot zu sehen! wäre nett wenn mir jemand helfen könnte!
hier nochmal meine index_body.tpl
http://www.trashkopf.de
Ich habe auch einen Screenshot hochgeladen wie die HP eigentlich aussehen soll, dazu muss man sich allerdings einloggen
Testaccount:usr/pw Test/test
ich weis das ich eine Einstellung in der index_body.tpl vornehmen muss habe aber keine ahnung wo genau ich welche Angabe hinzufügen muss.
Das Ergebniss jedenfalls soll sein, das jeder Browser die seite so darstellt, wie auf dem screenshot zu sehen! wäre nett wenn mir jemand helfen könnte!
hier nochmal meine index_body.tpl
Code: Alles auswählen
<table width="100%" cellspacing="0" cellpadding="2" border="0" align="center">
<tr>
<td align="left" valign="bottom"><span class="gensmall">
<!-- BEGIN switch_user_logged_in -->
{LAST_VISIT_DATE}<br />
<!-- END switch_user_logged_in -->
{CURRENT_TIME}<br /></span><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
<td align="right" valign="bottom" class="gensmall">
<!-- BEGIN switch_user_logged_in -->
<a href="{U_SEARCH_NEW}" class="gensmall">{L_SEARCH_NEW}</a><br /><a href="{U_SEARCH_SELF}" class="gensmall">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a href="{U_SEARCH_UNANSWERED}" class="gensmall">{L_SEARCH_UNANSWERED}</a></td>
</tr>
</table>
<table width="95%" cellpadding="0" cellspacing="0" border="0" bgcolor="#000000">
<tr>
<td style="vertical-align:top;">
<br>
<br>
<br>
<br>
<br>
<table width="80%" cellpadding="" cellspacing="1" class="forumline" bgcolor="#000000">
<tr>
<tr>
<td class="row2"><span class="nav"><a href="{U_ALBUM}" class="mainmenu">:.Bilder</a> </a></span></td>
</tr>
<tr>
<td class="row2"><span class="nav"><a href="http://trashkopf.de/album_upload.php?cat_id=1" class="mainmenu">->Uploaden</a> </a></span></td>
</tr>
<tr>
<td class="row2"><span class="nav"><a href="http://trashkopf.de/downloads.php" class="mainmenu">:.Downloads</a></span></td>
</tr>
<tr>
<td class="row2"><span class="nav"><a href="http://trashkopf.de/memberlist.php" class="mainmenu">:.Mitglieder</a></span></td>
</tr>
<tr>
<td class="row2"><span class="nav"><a href="http://trashkopf.de/search.php" class="mainmenu">:.Suchen</a></span></td>
</tr>
</table>
<table width="80%" cellpadding="" cellspacing="1" class="forumline" bgcolor="#000000">
<tr>
<td class="row2"><span class="nav"><a href="{U_LOGIN_LOGOUT}" class="mainmenu">:.Login/out</a></span></td>
</tr>
<tr>
<td class="row2"><span class="nav"><a href="http://trashkopf.de/profile.php?mode=editprofile" class="mainmenu">->Profil</a></span></td>
</tr>
<tr>
<td class="row2"><span class="nav"><a href="http://trashkopf.de/privmsg.php?folder=inbox" class="mainmenu">->PM</a></span></td>
</tr>
<tr>
<td class="row2"><span class="nav"><a href="http://trashkopf.de/profile.php?mode=register" class="mainmenu">:.Registrieren</a></span></td>
</tr>
<tr>
<td class="row2"><span class="nav"><a href="http://trashkopf.de/groupcp.php" class="mainmenu">->Gruppen</a></span></td>
</tr>
</table>
<br>
<table width="80%" cellpadding="2" cellspacing="1" class="forumline">
<tr>
<th width="126px" cellspacing="2" cellpadding="2" class="thCornerL" height="25" nowrap="nowrap"> Forenstatistik </th>
</tr>
<tr>
<td class="row2"><span class="nav"><tr>
<td class="row1" width="74%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span><br></td>
</tr></span></td>
</tr>
</table>
<br>
<table width="80%" cellpadding="2" cellspacing="1" class="forumline">
<tr>
<th width="126px" cellspacing="2" cellpadding="2" class="thCornerL" height="25" nowrap="nowrap"> Wer ist Online </th>
</tr>
<tr>
<td class="row2"><span class="nav"><tr>
<td class="row1" width="74%"><span class="gensmall">{LOGGED_IN_USER_LIST}</span></td></span></td>
</tr>
</table>
</td>
<td style="vertical-align:top;">
<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
<img src="templates/subBlack/images/logo_phpBB.gif" width="900" height="100" border="0" align="middle" vspace="1"></img>
<tr>
<th colspan="2" class="thCornerL" height="25" nowrap="nowrap"> {L_FORUM} </th>
<th width="50" class="thTop" nowrap="nowrap"> {L_TOPICS} </th>
<th width="50" class="thTop" nowrap="nowrap"> {L_POSTS} </th>
<th class="thCornerR" nowrap="nowrap"> {L_LASTPOST} </th>
</tr>
<!-- BEGIN catrow -->
<tr>
<td class="catLeft" colspan="2" height="28"><span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span></td>
<td class="rowpic" colspan="3" align="right"> </td>
</tr>
<!-- BEGIN forumrow -->
<tr>
<td class="row1" align="center" valign="middle" height="50"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" width="46" height="25" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>
<td class="row1" width="100%" height="50"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />
</span> <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
</span><span class="gensmall">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>
<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.TOPICS}</span></td>
<td class="row2" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.POSTS}</span></td>
<td class="row2" align="center" valign="middle" height="50" nowrap="nowrap"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
</tr>
<!-- END forumrow -->
<!-- END catrow -->
</table>
<table width="100%" cellspacing="0" border="0" align="center" cellpadding="2">
<tr>
<td align="left"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span></td>
<td align="right"><span class="gensmall">{S_TIMEZONE}</span></td>
</tr>
</table>
{ACTUALSTATS_OUTPUT}
<!-- BEGIN switch_user_logged_out -->
<form method="post" action="{S_LOGIN_ACTION}">
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" height="28"><a name="login"></a><span class="cattitle">{L_LOGIN_LOGOUT}</span></td>
</tr>
<tr>
<td class="row1" align="center" valign="middle" height="28"><span class="gensmall">{L_USERNAME}:
<input class="post" type="text" name="username" size="10" />
{L_PASSWORD}:
<input class="post" type="password" name="password" size="10" maxlength="32" />
{L_AUTO_LOGIN}
<input class="text" type="checkbox" name="autologin" />
<input type="submit" class="mainoption" name="login" value="{L_LOGIN}" />
</span> </td>
</tr>
</table>
</form>
<!-- END switch_user_logged_out -->
<!-- BEGIN random_pics_block -->
<table class="forumline" width="98%" align="center" cellspacing="1" cellpadding="2">
<tr><th class="thTop" height="25" colspan="{S_COLS}" nowrap="nowrap">{L_RAND_PICS}</th></tr>
<!-- BEGIN no_pics -->
<tr>
<td class="row1" align="center" colspan="{S_COLS}" height="50"><span class="gen">{L_NO_PICS}</span></td>
</tr>
<!-- END no_pics -->
<!-- BEGIN rand_pics -->
<tr>
<!-- BEGIN rand_col -->
<td class="row1" width="{S_COL_WIDTH}" align="center" onMouseOver="this.className='row2';" onMouseOut="this.className='row1';">
<table><tr><td><div class="picshadow"><div class="picframe">
<a href="{random_pics_block.rand_pics.rand_col.U_PIC}" {TARGET_BLANK}><img src="{random_pics_block.rand_pics.rand_col.THUMBNAIL}" {THUMB_SIZE} border="0" alt="{random_pics_block.rand_pics.rand_col.DESC}" title="{random_pics_block.rand_pics.rand_col.DESC}" vspace="10" /></a>
</div></div></td></tr></table>
</td>
<!-- END rand_col -->
</tr>
<tr>
<!-- BEGIN rand_detail -->
<td class="row2" align="center">
<span class="gensmall">
{L_POSTER}: {random_pics_block.rand_pics.rand_detail.POSTER}<br />
{L_PIC_TITLE}: {random_pics_block.rand_pics.rand_detail.TITLE}<br />
{L_PIC_ID}: {random_pics_block.rand_pics.rand_detail.PIC_ID}<br />
{L_POSTED}: {random_pics_block.rand_pics.rand_detail.TIME}<br />
{L_VIEW}: {random_pics_block.rand_pics.rand_detail.VIEW}<br />
{random_pics_block.rand_pics.rand_detail.RATING}
{random_pics_block.rand_pics.rand_detail.COMMENTS}
{random_pics_block.rand_pics.rand_detail.IP}
</span>
</td>
<!-- END rand_detail -->
</tr>
<!-- END rand_pics -->
</table>
<br />
<!-- END random_pics_block -->
</td>
</tr>
</table>
<br clear="all" />
<table cellspacing="3" border="0" align="center" cellpadding="0">
<tr>
<td width="20" align="center"><img src="templates/subBlack/images/folder_new.gif" alt="{L_NEW_POSTS}"/></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td> </td>
<td width="20" align="center"><img src="templates/subBlack/images/folder.gif" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td width="20" align="center"><img src="templates/subBlack/images/folder_lock.gif" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>