Fehlerhafte Anzeige von Webseite in Firefox

Madde

Bin gerade dabei, einen Skin für das IPB 2.0.0 (uncommercial) zu erstellen. Zu finden unter: http://cevclan.ce.funpic.de/test/index.php?setskin=1&skinid=5
Zu meinem Problem:
Obwohl die Foumrow in dem IE problemlos arbeitet, zickt sie beim Firefox (es werden "Lücken" zwischen 2 verschiedene rows gebaut. ich bin zugegebenermaßen wenig erfahren, und daher mit meinem Latein völlig am Ende, zumal der skin bis dahin eigentlich völlig W3C (sowohl CSS als auch XHTML 1.0) konform ist. Der Quelltext im kurzen:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>


<body>


<div class="borderwrap" style="display:none" id="fc_1">
	<table border="0" height="32" align="center" cellpadding="0" cellspacing="0">
<tr valign="top">
    <td width="796" class="body1"><p style="margin-top:2px; 
      margin-left:45px; margin-right:5px;"><strong><em><a href="http://cevclan.ce.funpic.de/test/index.php?showforum=1">A Test Root</a></em></strong></p></td>
    <td width="24"><a href="javascript:togglecategory(1, 0);"><img src="style_images/1/forumbody/up/2.png" width="24" height="32" border="0"></a></td>    


<td width="40" class="body2">&nbsp;</td>
</tr>
</table></div>
<div class="borderwrap" style="display:show" id="fo_1">
	<table border="0" height="32" align="center" cellpadding="0" cellspacing="0">
<tr valign="top">
    <td width="796" class="body1"><p style="margin-top:2px; 
      margin-left:45px; margin-right:5px;"><strong><em><a href="http://cevclan.ce.funpic.de/test/index.php?showforum=1">A Test Root</a></em></strong></p></td>
    <td width="24"><a href="javascript:togglecategory(1, 1);"><img src="style_images/1/forumbody/up/2.png" width="24" height="32" border="0"></a></td>
<td width="40" class="body2">&nbsp;</td>
</tr>
</table>
<!-- HERE !!! -->
<table height="29" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">


    <td width="371" class="body3"><p style="margin-top:8px; 
      margin-left:17px; margin-right:5px;">Foren:</p></td>
    <td width="76" class="body4"><p style="margin-top:8px; 
      margin-left:18px; margin-right:1px;">Topics:</p></td>
    <td width="78" class="body5"><p style="margin-top:8px; 
      margin-left:15px; margin-right:10px;">Postings:</p></td>
    <td width="229" class="body6"><p style="margin-top:8px; 
      margin-left:13px; margin-right:17px;">letzter Post:</p></td>
</tr>
</table>
<!-- AND HERE -->
<table height="6" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td width="754" class="body7"></td>


</tr>
</table>
<table height="66" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="14" class="body8">&nbsp;</td>
    <td width="69" class="body16"><a href="http://cevclan.ce.funpic.de/test/index.php?act=Login&CODE=04&f=2" title="Forum als gelesen markieren?"><img src='style_images/1/bf_new.gif' border='0'  alt='New Posts' /></a></td>
    <td width="289" class="body9"><p class="threadunderline" style=" 
      margin-left:9px; margin-right:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #000000;"><span class="threadunderline"><b><a href="http://cevclan.ce.funpic.de/test/index.php?showforum=2">A Test Forum</a></b><br>
        <span class="underlinebody"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><em><span class="forumdesc">A test forum that may be removed at any time


      <i></i></em></font></p>


     <td width="77" class="body10"><p align="center" style="margin-top:0px; 
      margin-left:9px; margin-right:12px;">2</p>
      </td>
	<td width="76" class="body11"><p align="center" style=" 
      margin-left:12px; margin-right:12px;">2</p></td>
	<td width="229" class="body12"><p style=" 
      margin-left:12px; margin-right:15px;"><img src="images/list.gif" width="6" height="10"><strong><a href="http://cevclan.ce.funpic.de/test/index.php?showtopic=3&view=getlastpost" title="Zum letzten Post"><img src='style_images/1/lastpost.gif' border='0'  alt='Last Post' /></a> <span>heute, 07:41 PM</strong><br>
        <strong><span class="bodyshowthreadt"><span><b>In:</b>&nbsp;<a href='http://cevclan.ce.funpic.de/test/index.php?showtopic=3&view=getnewpost' title='Zum ersten ungelesenen Post: jhhg'>jhhg</a><br>
        <span class="bodyshowthreadt"><span><b>Von:</b> <a href='http://cevclan.ce.funpic.de/test/index.php?showuser=1'>Madde</a></strong></p>


      </td>
</tr>
</table>
<table  height="7" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td width="754" class="body13">&nbsp; </td>
</tr>


</table>
<!--  AND HERE !!! -->
<table height="6" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td width="754" class="body7"></td>
</tr>


</table>
<table height="66" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="14" class="body8">&nbsp;</td>
    <td width="69" class="body16"><img src='style_images/1/bf_nonew.gif' border='0'  alt='No New Posts' /></td>
    <td width="289" class="body9"><p class="threadunderline" style=" 
      margin-left:9px; margin-right:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #000000;"><span class="threadunderline"><b><a href="http://cevclan.ce.funpic.de/test/index.php?showforum=3">test2</a></b><br>
        <span class="underlinebody"><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><em><span class="forumdesc">


      <i></i></em></font></p>
     <td width="77" class="body10"><p align="center" style="margin-top:0px; 
      margin-left:9px; margin-right:12px;">1</p>


      </td>
	<td width="76" class="body11"><p align="center" style=" 
      margin-left:12px; margin-right:12px;">0</p></td>
	<td width="229" class="body12"><p style=" 
      margin-left:12px; margin-right:15px;"><img src="images/list.gif" width="6" height="10"><strong><a href="http://cevclan.ce.funpic.de/test/index.php?showtopic=2&view=getlastpost" title="Zum letzten Post"><img src='style_images/1/lastpost.gif' border='0'  alt='Last Post' /></a> <span>Aug 20 2005, 01:14 PM</strong><br>
        <strong><span class="bodyshowthreadt"><span><b>In:</b>&nbsp;<a href='http://cevclan.ce.funpic.de/test/index.php?showtopic=2&view=getnewpost' title='Zum ersten ungelesenen Post: test'>test</a><br>
        <span class="bodyshowthreadt"><span><b>Von:</b> <a href='http://cevclan.ce.funpic.de/test/index.php?showuser=1'>Madde</a></strong></p>


      </td>
</tr>
</table>
<table  height="7" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td width="754" class="body13">&nbsp; </td>
</tr>
</table><!-- no contend --><table height="31" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top"> 
    <td width="754" class="body15">&nbsp;</td>
  </tr>


</table>
</body>
</html>

Alles anzeigen

Die stellen an denen getrennt wird, sind im Querlltext per Kommentar gekennzeichnet. Ich danke schon jetzt für eure Hilfe, und hoffe das ganze auch auf dem Firefox zum laufen zu bekommen.
Grüße
Madde

bugcatcher

Manchmal wäre es schön, wenn die leute die eigendlich entscheidenen stellen aus dem quelltext raussuchen würden. den ganzen quelltext kann man ja auf der seite selbst aufrufen......

Code

<table align="center" border="0" cellpadding="0" cellspacing="0" height="7">
  <tbody><tr valign="top">
    <td class="body13" width="754">&nbsp; </td>
</tr>
</tbody></table><table align="center" border="0" cellpadding="0" cellspacing="0" height="6">
  <tbody><tr valign="top">
    <td class="body7" width="754"></td>
</tr>


</tbody></table>

Alles anzeigen

Code

.body7 {
	background-image: url(http://cevclan.ce.funpic.de/test/style_images/1/forumbody/mid2/up.png);


}
.body13 {
	background-image: url(http://cevclan.ce.funpic.de/test/style_images/1/forumbody/mid2/down.png);
	font-size: 1px;
}

Das ganze ist übrigens nicht nur ein "Firefox-Problem". Opera machts nicht anders.

Lösungsansatz: erweitere den body7-table im css um das font-size:1px; und im td selbst noch ein  , damit ein inhalt vorhanden ist.

Madde

ok, danke, das ist wohl beim einbauen in den skin falsch gelaufen... habe aber leider immer noch das problem das zwischen

Code

<div class="borderwrap" style="display:show" id="fo_1">
	<table border="0" height="32" align="center" cellpadding="0" cellspacing="0">
<tr valign="top">


    <td width="796" height="32" class="body1"><p style="margin-top:2px; 
      margin-left:45px; margin-right:5px;"><strong><em><a href="http://cevclan.ce.funpic.de/test/index.php?showforum=1">A Test Root</a></em></strong></p></td>
    <td width="24"><a href="javascript:togglecategory(1, 1);"><img src="style_images/1/forumbody/up/2.png" width="24" height="32" border="0"></a></td>
<td width="40" class="body2">&nbsp;</td>
</tr>
</table>

Alles anzeigen

und

Code

<table height="29" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td width="371" height="29" class="body3"><p style="margin-top:8px; 
      margin-left:17px; margin-right:5px;">Foren:</p></td>
    <td width="76" height="29" class="body4"><p style="margin-top:8px; 
      margin-left:18px; margin-right:1px;">Topics:</p></td>


    <td width="78" height="29" class="body5"><p style="margin-top:8px; 
      margin-left:15px; margin-right:10px;">Postings:</p></td>
    <td width="229" height="29" class="body6"><p style="margin-top:8px; 
      margin-left:13px; margin-right:17px;">letzter Post:</p></td>
</tr></table><table height="6" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td  height="6" width="754" class="body7">&nbsp;</td>
</tr>
</table>

Alles anzeigen

ein großer sprung ist. (kein <br /> oder sowas im quelltext... )
Desweiteren wird obriges nicht richtig (zu groß) angezeigt, das könnte aber evtl auch ein Fehler mit den Abständen der Schrift sein... muss ich mir mrogen noch anschauen...
Vielen Dank erstmal, und ich gelobe besserung auch wenn cih hoffe, das ich eure Hilfe nicht mehr ersuchen muss
Grüße
Madde
[/quote]

Madde

komme leider immer noch nicht weiter... es gibt immer noch einen "Sprung" zwischen den 2 Tables:

Code

<table width="860" border="0" align="center" cellpadding="0" cellspacing="0">
<tr valign="top">
    <td width="796" height="32" class="body1"><p style="margin-top:2px; 
      margin-left:45px; margin-right:5px;"><strong><em><a href="http://cevclan.ce.funpic.de/test/index.php?showforum=1">A Test Root</a></em></strong></p></td>


    <td width="24" height="32"><a href="javascript:togglecategory(1, 1);"><img src="style_images/1/forumbody/up/2.png" width="24" height="32" border="0" alt="implode"></a></td>
<td width="40" height="32" class="body2">&nbsp;</td>
</tr>
</table>
<table width="754" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td width="371" height="29" class="body3"><p style="margin-top:8px; 
      margin-left:17px; margin-right:5px;">Foren:</p></td>
    <td width="76" height="29" class="body4"><p style="margin-top:8px; 
      margin-left:18px; margin-right:1px;">Topics:</p></td>
    <td width="78" height="29" class="body5"><p style="margin-top:8px; 
      margin-left:15px; margin-right:10px;">Postings:</p></td>


    <td width="229" height="29" class="body6"><p style="margin-top:8px; 
      margin-left:13px; margin-right:17px;">letzter Post:</p></td>
</tr></table><table width="754" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td  height="6" width="754" class="body7">&nbsp;</td>
</tr>
</table>

Alles anzeigen

und dieses table wird zu groß dargestellt:

Code

<table width="754" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr valign="top">
    <td width="371" height="29" class="body3"><p style="margin-top:8px; 
      margin-left:17px; margin-right:5px;">Foren:</p></td>
    <td width="76" height="29" class="body4"><p style="margin-top:8px; 
      margin-left:18px; margin-right:1px;">Topics:</p></td>
    <td width="78" height="29" class="body5"><p style="margin-top:8px; 
      margin-left:15px; margin-right:10px;">Postings:</p></td>


    <td width="229" height="29" class="body6"><p style="margin-top:8px; 
      margin-left:13px; margin-right:17px;">letzter Post:</p></td>
</tr></table>

Alles anzeigen

Richtig aussehen müsste es so: http://www.my-isv.de/Images/original_ie.JPG
Falls irgendemand den Fehler sieht, den ich übersehen habe, und den der W3c Validator leider auch nciht entdeckt, wäre ich echt sehr dankbar.
greetz
madde

PS: alles zu sehen unter http://cevclan.ce.funpic.de/test/index.php?setskin=1&skinid=5