Um das Forum meiner Seite anzupassen habe ich die overall_header.tpl sowie die overall_footer.tpl und die NoseBleed.css geringfügig verändert. um genau zu sein habe ich in der overall_header.tpl den Teil meiner Seite eingefügt, der auch beim Rest meiner Seite vor dem Content steht:
Overall_header.tpl:
Code: Alles auswählen
<html>
<head>
<!-- Header angaben -->
</head>
<body>
<!-- Beginn meines htmlcodes -->
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td> </td>
<td width="800">
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
<td><img src="http://www.bithauer.de/innomine/Bilder/spacer.gif" width="59" height="1" border="0"></td>
<td><img src="http://www.bithauer.de/innomine/Bilder/spacer.gif" width="673" height="1" border="0"></td>
<td><img src="http://www.bithauer.de/innomine/Bilder/spacer.gif" width="68" height="1" border="0"></td>
<td><img src="http://www.bithauer.de/innomine/Bilder/spacer.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td cellpadding="0" cellspacing="0" colspan="3"><img name="test02_r1_c1" src="http://www.bithauer.de/innomine/Bilder/test02_r1_c1.gif" width="800" height="310" border="0" usemap="#m_test02_r1_c1"></td>
<td><img src="http://www.bithauer.de/innomine/Bilder/spacer.gif" width="1" height="310" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3"><img name="test02_r2_c1" src="http://www.bithauer.de/innomine/Bilder/test02_r2_c1.gif" width="800" height="142" border="0" usemap="#m_test02_r2_c1"></td>
<td><img src="http://www.bithauer.de/innomine/Bilder/spacer.gif" width="1" height="142" border="0" alt=""></td>
</tr>
<tr>
<td background="http://www.bithauer.de/innomine/Bilder/test02_r3_c1.gif" width="59" height="*" border="0"> </td>
<td valign="top" bgcolor="#e4ddd3">
<!-- Ende meines html-Codes -->
<table cellspacing="0" cellpadding="0" id="forum">
<tr>
<td> </td>
<td id="bodyline">
<!-- <div id="top_image">
<a href="{U_INDEX}"><img src="templates/NoseBleed/images/top_image.jpg" alt="{L_INDEX}" /></a>
</div> -->
<div id="menu">
<div id="left" class="left mainmenu">
<a href="{U_FAQ}">{L_FAQ}</a>
<a href="{U_SEARCH}">{L_SEARCH}</a>
<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
<!-- BEGIN switch_user_logged_in -->
<a href="{U_PROFILE}">{L_PROFILE}</a>
<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>
<!-- END switch_user_logged_in -->
</div>
<div id="right" class="right mainmenu">
<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>
<!-- BEGIN switch_user_logged_out -->
<a href="{U_REGISTER}">{L_REGISTER}</a>
<!-- END switch_user_logged_out -->
</div>
</div>
<div class="clear"></div>overall_footer.tpl:
Code: Alles auswählen
<div class="copyright">{ADMIN_LINK}</div>
<div class="copyright">
Powered by <a href="http://www.phpbb.com/" target="_phpbb" title="Powered by phpBB © 2001, 2006 phpBB Group">phpBB</a>
//
Template by <a href="http://www.mikelothar.com/" target="_mikelothar" title="NoseBleed template, created by Mike Lothar © 2004">Mike Lothar</a>
</div>
</td>
<td> </td>
</tr>
</table>
<!-- Beginn meines html-Codes -->
</td>
<td background="http://www.bithauer.de/innomine/Bilder/test02_r3_c3.gif" width="68" height="*" border="0"></td>
<td background="http://www.bithauer.de/innomine/Bilder/spacer.gif" width="1" height="*" border="0"></td>
</tr>
<tr>
<td colspan="3"><img name="test02_r4_c1" src="http://www.bithauer.de/innomine/Bilder/test02_r4_c1.gif" width="800" height="15" border="0" alt=""></td>
<td><img src="http://www.bithauer.de/innomine/Bilder/spacer.gif" width="1" height="15" border="0" alt=""></td>
</tr>
<map name="m_test02_r1_c1">
<area shape="poly" coords="494,108,577,153,599,210,548,277,474,275,457,127" href="http://www.blog.de" alt="Blog">
<area shape="poly" coords="160,278,135,197,216,186,307,174,314,200,311,260,268,278" href="http://www.bithauer.de/innomine/forum/index.php" alt="Forum">
<area shape="rect" coords="332,0,432,58" href="http://www.warhammeronline.com" target="_blank" title="Warhammer Online" alt="Warhammer Online">
</map>
<map name="m_test02_r2_c1">
<area shape="rect" coords="641,43,748,71" href="http://www.bithauer.de/innomine/index.php?section=login" alt="Login/Registrieren">
<area shape="rect" coords="489,50,602,74" href="http://www.bithauer.de/innomine/index.php?section=member" alt="Mitglieder">
<area shape="rect" coords="576,14,676,37" href="http://www.bithauer.de/innomine/index.php?section=history" alt="Gildengeschichte">
<area shape="rect" coords="468,21,522,41" href="http://www.bithauer.de/innomine/index.php?section=news" alt="Aktuelles">
</map>
</table>
</td>
<td> </td>
</tr>
</table>
<!-- Ende meines html Codes -- >
</body>
</html>In der CSS Datei habe ich lediglich die Breite und die Hintergrundfarbe geändert.
Mein Problem ist nun, dass in Firefox und Opera überall da wo in meinem Code eine Tabellen-Zeile zu Ende ist bzw. eine neue Tabellenzeile anfängt ein Abstand von in etwa 5px eingebaut wird, auf meiner Page, welche genau den gleichen html-Code enthält ist dies nicht so, der Internet-Explorer erzeugt diesen Abstand, zumindest bei mir, nicht.
Link zur Seite
Link zum Forum (Hier besteht das Problem)
Ich habe nun die gesamte NoseBleed.css durchgeschaut ob es irgendwo eine padding Angabe gibt, die diesen ungewollten abstand hervorruft, aber selbst als ich sämtliche padding-Angaben in der CSS Datei auf 0px gesetzt hatte blieb der Abstand weiterhin bestehen.
Es wäre sehr nett wenn sich das hier jemand mal ansehen würde, denn ich bin echt verzweifelt, da ich nichtmal weis ob es an meinem html liegt oder an der NoseBleed.css oder evtl an etwas ganz anderem?
mfg Unic
