Antworten zum Thema „Tabelle in Firefox falsch dargestellt“

zer02288 · 31.05.2010

Hi,

ich hab mir eine Excel Tabelle in das HTML-Format von Excel konvertiert.
Das hat auch soweit ganz gut funktioniert.
Hab dann alles in HTML und CSS abgespeichert/eingefügt/angepasst.
Hab die Tabelle soweit angepasst und leere Zellen entfernt aber:

Wenn ich mir in Firefox die Tabelle anschau dann wird sie so dargestellt:

Uploaded with

Nun möchte ich diesen "border" oben natürlich nur so lang wie die Tabelle haben.
In IE wird es übrigens korrekt dargestellt.

HTML:

<div class="content">
        <div id="Leistungen_ohne_Preise_ges_Stand_Mai10_entwurf_16376" align="center">
<table border=0 cellpadding=0 cellspacing=0 width=550 style='border-collapse:collapse; table-layout:fixed;'>
 <col width=250 style='mso-width-source:userset;mso-width-alt:9142;width:188pt'>
 <col class=xl6516376 width=186 style='mso-width-source:userset;mso-width-alt:
 6838;width:140pt'>
 <col width=95 style='mso-width-source:userset;mso-width-alt:3510;width:72pt'>
 <col width=80 span=7 style='width:60pt'>
 <tr class=xl6516376 height=57 style='mso-height-source:userset;height:42.95pt'>
  <td height=57 class=xl7716376 width=250 style='height:42.95pt;width:188pt'>Parameter</td>
  <td class=xl7016376 width=186 style='width:140pt'>&nbsp;</td>
  <td class=xl7116376 width=95 style='border-left:none;width:72pt'>Preis (Euro)</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td height=20 class=xl7816376 style='height:15.0pt;border-top:none'>Koloniezahl
  20°C (TrinkwV 1990)</td>
  <td class=xl7416376 style='border-top:none'>&nbsp;</td>
  <td class=xl7516376 style='border-top:none;border-left:none'>&nbsp;</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td height=20 class=xl7816376 style='height:15.0pt;border-top:none'>Koloniezahl
  36°C (TrinkwV 1990)</td>
  <td class=xl7416376 style='border-top:none'>&nbsp;</td>
  <td class=xl7516376 style='border-top:none;border-left:none'>&nbsp;</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td height=20 class=xl7816376 style='height:15.0pt;border-top:none'>Escherichia
  coli</td>
  <td class=xl7416376 style='border-top:none'>&nbsp;</td>
  <td class=xl7516376 style='border-top:none;border-left:none'>&nbsp;</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td height=20 class=xl7816376 style='height:15.0pt;border-top:none'>Coliforme
  Keime</td>
  <td class=xl7616376 style='border-top:none'>&nbsp;</td>
  <td class=xl7516376 style='border-top:none;border-left:none'>&nbsp;</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td height=20 class=xl8016376 style='height:15.0pt;border-top:none'>Enterokokken</td>
  <td class=xl8116376 style='border-top:none'>bei Bedarf</td>
  <td class=xl8216376 style='border-top:none;border-left:none'>&nbsp;</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td height=20 class=xl8016376 style='height:15.0pt;border-top:none'>Coliforme
  Keime</td>
  <td class=xl8116376 style='border-top:none'>bei Bedarf</td>
  <td class=xl8216376 style='border-top:none;border-left:none'>&nbsp;</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td height=20 class=xl8016376 style='height:15.0pt;border-top:none'>Chlor,
  frei</td>
  <td class=xl8116376 style='border-top:none'>bei Bedarf</td>
  <td class=xl8216376 style='border-top:none;border-left:none'>&nbsp;</td>
 </tr>
 <tr height=20 style='height:15.0pt'>
  <td height=20 class=xl7916376 style='height:15.0pt;border-top:none'>Preis des
  Grundpakets:</td>
  <td class=xl7216376 style='border-top:none'>&nbsp;</td>
  <td class=xl7316376 style='border-top:none;border-left:none'>auf Anfrage</td>
 </tr>
 <![endif]>
</table>

sry dafür das es so aussieht wie es aussieht aber wie gesagt das tolle Microsoft Excel exportiert das so.

Die Border hab ich über CSS erstellt aber ich denke es liegt eher an der Breite der Tabelle.
Trotzdem hier die CSS für den oberen rechten Teil der Tabelle

PHP:

.xl7116376
    {padding-top:1px;
    padding-right:1px;
    padding-left:1px;
    mso-ignore:padding;
    color:black;
    font-size:10.0pt;
    font-weight:700;
    font-style:normal;
    text-decoration:none;
    font-family:Arial, sans-serif;
    mso-font-charset:0;
    mso-number-format:General;
    text-align:center;
    vertical-align:middle;
    /*border:.5pt solid windowtext;*/
    border-top:.5pt solid windowtext;
    border-right:.5pt solid windowtext;
    border-bottom:.5pt solid windowtext;
    background:#4F98BC;
    mso-pattern:black none;
    white-space:nowrap;}

Vielleicht findet ja jemand den Fehler den ich Übersehen hab

und THX schon mal!!!

sokie · 31.05.2010

AW: Tabelle in Firefox falsch dargestellt

Das ist so schlimm, dass es schon wieder lustig ist.
Da hast du sowohl im html al auch im css so viel nicht-standartisierten Müll, den nur Microsoft-Produkte verstehen, dass es in anderen Browsern als dem IE zu Fehldarstellungen kommen MUSS.
(Es liegt nicht am FF oder anderen Browsern, sondern allein am code)
Standardkonformen Code verwenden + keine pt-Angaben (die sind eher für den Druck geeigent) dann klappts auch mit der Anzeige in Microsoft-fernen Anwendungen.

zer02288 · 31.05.2010

AW: Tabelle in Firefox falsch dargestellt

Ja das stimmt, da is ne Menge Müll bei.
Habs jetzt glaub ich

Trotzdem Danke