Tabellen Anzeige Problem

Status
Nicht offen für weitere Antworten.
SantaCruze

SantaCruze

Erfahrenes Mitglied
Ich habe irgendwie ein Tabellen Problem unter Mozilla. Und zwar will ich das die Tabellen genauso hoch sind wie der text,also anliegend. Problem ist nun folgendes, im IE zeigt er mir alles korrekt an, sprich Text liegt an Text an innerhalb einer Tabelle. Aber bei Mozilla macht er mir da so was wie Lücken rein, sprich der Text in einzelnen Tabellen Inhalten steht um einiges weiter auseinander, als wären da Whitespaces oder so drin. Hat da jmd ne Ahnung bzgl. Browser Kompatiblität ?
 
Wenn alles sauber css formatiert ist, gibt es keine Unterschiede. Es liegt also irgend wo ein Fehler. Du müsstest also mal die Seite und den Link zur css posten.
 
Ich arbeite garnet mit CSS sondern rein HTML. Ich kann dir mal den html Code posten:

HTML: 
<table width="750" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="65" rowspan="2" valign="top" nowrap="nowrap"><img src="imgs/forschungen/1.jpg" width="65" height="65" /></td>
    <td width="10" rowspan="2" valign="top" nowrap="nowrap"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="675" height="5" valign="top" nowrap="nowrap" background="imgs/navoben.jpg" bgcolor="#07051d"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">test - Beschreibung </font></strong></td>
  </tr>
  <tr>
    <td height="31"><table width="100%" border="0" cellpadding="1" cellspacing="1">
      <tr>
        <th width="15%" height="12" nowrap="nowrap" bgcolor="#05061a"><div align="center"><img src="imgs/res1.jpg" width="35" height="12" /></div></th>
        <th width="15%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><img src="imgs/res2.jpg" width="35" height="12" /></div></th>
        <th width="14%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><img src="imgs/res3.jpg" width="35" height="12" /></div></th>
        <th width="13%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Zeit</font></strong></div></th>
        <th width="15%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Lvl</font></strong></div></th>
        <th width="16%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Bauen</font></strong></div></th>
        <th width="12%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Abreissen</font></strong></div></th>
     </tr>
      <tr>
        <th height="11" nowrap="nowrap" bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Res1</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">res2</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">res3</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">time</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">lvl</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">b</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">a</font></strong></div></th>
     </tr>
    </table>    </td>
  </tr>
</table>
 
Nun ich erkenne da nichts, habe das mal abgespeichert un im IE und Firefox angeguckt, sieht genau so aus. Vielleicht kanst du das ja mit Bildern darstellen, aber du hälst dich mit so kleinlichkeiten auf

Überprüfe mal dein Rowspan in der ersten Zeile, zweite Spalte, ich weiß ja nicht ob das da geplant war. rowspan="2"
 
SantaCruze hat gesagt.:
Ich arbeite garnet mit CSS sondern rein HTML. Ich kann dir mal den html Code posten:

HTML: 
<table width="750" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="65" rowspan="2" valign="top" nowrap="nowrap"><img src="imgs/forschungen/1.jpg" width="65" height="65" /></td>
    <td width="10" rowspan="2" valign="top" nowrap="nowrap"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="675" height="5" valign="top" nowrap="nowrap" background="imgs/navoben.jpg" bgcolor="#07051d"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">test - Beschreibung </font></strong></td>
  </tr>
  <tr>
    <td height="31"><table width="100%" border="0" cellpadding="1" cellspacing="1">
      <tr>
        <th width="15%" height="12" nowrap="nowrap" bgcolor="#05061a"><div align="center"><img src="imgs/res1.jpg" width="35" height="12" /></div></th>
        <th width="15%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><img src="imgs/res2.jpg" width="35" height="12" /></div></th>
        <th width="14%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><img src="imgs/res3.jpg" width="35" height="12" /></div></th>
        <th width="13%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Zeit</font></strong></div></th>
        <th width="15%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Lvl</font></strong></div></th>
        <th width="16%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Bauen</font></strong></div></th>
        <th width="12%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Abreissen</font></strong></div></th>
     </tr>
      <tr>
        <th height="11" nowrap="nowrap" bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Res1</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">res2</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">res3</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">time</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">lvl</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">b</font></strong></div></th>
        <th height="11" nowrap="nowrap"bgcolor="#28224e"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">a</font></strong></div></th>
     </tr>
    </table>    </td>
  </tr>
</table>
Zum Vergrößern anklicken....

Ich sehe einen Fehler hier. Das tag <table> erscheint nur einmal, aber </table> zweimal.
Übrigens, <th> ist für "table header" geeignet und <td> ist für sonstiges.
 
Hi!
SantaCruze hat gesagt.:
Ich arbeite garnet mit CSS sondern rein HTML.
Zum Vergrößern anklicken....
Dann wird's aber Zeit, dass du dich mit der Formatierungssprache auseinandersetzt, denn beim Einsatz von CSS wird die Tabelle in allen Browsern einheitlich dargestellt, sprich die Tabellenzeilen werden gleich hoch angezeigt.

Der rotmarkierte Teil lässt sich nämlich wunderbar mit CSS einrichten und macht ihn somit überflüssig:

Code: 
<th width="13%" nowrap="nowrap" bgcolor="#05061a"><div align="center"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Zeit</font></strong></div></th>

Code: 
<style type="text/css">
<!--
th {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
}

th.bgColor_05061a {
background: #05061a;
}

th.bgColor_28224e {
background: #28224e;
}
-->
</style>
Code: 
<table width="750" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="65" rowspan="2" valign="top" nowrap="nowrap"><img src="imgs/forschungen/1.jpg" width="65" height="65" /></td>
    <td width="10" rowspan="2" valign="top" nowrap="nowrap"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="675" height="5" valign="top" nowrap="nowrap" background="imgs/navoben.jpg" bgcolor="#07051d"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">test - Beschreibung </font></strong></td>
  </tr>
  <tr>
    <td height="31"><table width="100%" border="0" cellpadding="1" cellspacing="1">
      <tr>
        <th width="15%" height="12" nowrap="nowrap" bgcolor="#05061a"><img src="imgs/res1.jpg" width="35" height="12" /></th>
        <th width="15%" nowrap="nowrap" class="bgColor_05061a"><img src="imgs/res2.jpg" width="35" height="12" /></th>
        <th width="14%" nowrap="nowrap" class="bgColor_05061a"><img src="imgs/res3.jpg" width="35" height="12" /></th>
        <th width="13%" nowrap="nowrap" class="bgColor_05061a">Zeit</th>
        <th width="15%" nowrap="nowrap" class="bgColor_05061a">Lvl</th>
        <th width="16%" nowrap="nowrap" class="bgColor_05061a">Bauen</th>
        <th width="12%" nowrap="nowrap" class="bgColor_05061a">Abreissen</th>
     </tr>
      <tr>
        <th height="11" nowrap="nowrap" class="bgColor_28224e">Res1</th>
        <th height="11" nowrap="nowrap" class="bgColor_28224e">res2</th>
        <th height="11" nowrap="nowrap" class="bgColor_28224e">res3</th>
        <th height="11" nowrap="nowrap" class="bgColor_28224e">time</th>
        <th height="11" nowrap="nowrap" class="bgColor_28224e">lvl</th>
        <th height="11" nowrap="nowrap" class="bgColor_28224e">b</th>
        <th height="11" nowrap="nowrap" class="bgColor_28224e">a</th>
     </tr>
    </table>    </td>
  </tr>
</table>
motou hat gesagt.:
Ich sehe einen Fehler hier. Das tag <table> erscheint nur einmal, aber </table> zweimal.
Zum Vergrößern anklicken....
Dann geh nochmal den Quellcode durch, denn da sind sehr wohl zwei <table>- und </table>-Tags vorhanden.
 
Ich stimme michaelsinterface zu das ist einfach die beste Variante.

und @motou da sind Zwei <table> tags drinne.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück