Tabelle spinnt im Firefox!

Status
Nicht offen für weitere Antworten.

drathy

Mitglied
Hallo!
Ich hab ein Problem mit der Dartellung einer Tabelle im Firefox. IM IE, Opera & Safari ist alles so wie es sein soll.

Hier der Code (Gerüst erstellt durch ein CMS):

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="de">
<!--
<documentXt type="weblication" version="4.0">
 <online status="on"/>
 <headline text="Startseite"/>
 <description text="Startseite"/>
 <thumbnail src=""/>
 <keywords text=""/>
 <owner name="admin" profile="Administrator"/>
 <group name="Mitarbeiter" profile="Redakteur"/>
 <others profile="Ansichtsbenutzer"/>
 <mastertemplate url="/wDeutsch/templates/master/mastertemplate_standard.php"/>
 <editor mask=""/>
 <version number="23"/>
 <modification name="admin" time="1129020688"/>
 <protocol action="modify" name="admin" time="1129020688" version="23"/>
</documentXt>
-->
<head>
  <title>Weblication® CMS - Content Management by Scholl Communications</title>
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
  <meta http-equiv="Content-Language" content="de"> 
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <meta name="author" content="author">
  <meta name="Generator" content="Weblication® CMS"> 
  <script language="JavaScript" type="text/javascript" src="/wDeutsch/wLayout/structure/wScript.js"></script>	  
  <!-- HEAD:START -->
  <?PHP include_once($_SERVER["DOCUMENT_ROOT"]."/wDeutsch/wLayout/structure/head.php");?>
  <!-- HEAD:STOP -->
  <link rel="stylesheet" type="text/css" href="/wDeutsch/wLayout/design/style/design.css">
</head>
<body>
<!-- HEADER:START -->
<?PHP include_once($_SERVER["DOCUMENT_ROOT"]."/wDeutsch/wLayout/structure/header.php");?>
<!-- HEADER:STOP -->
<!-- CONTENT:START -->
<div class="blockContent">
<!-- web:group:start name="Hauptgruppe" id="maingroup"  -->


<div class="elementBild">
     <img src="/wDeutsch/img/sehtest.jpg" alt="">
</div>
<div class="headline">Anleitung</div>

<div class="text">Bitte stellen Sie sich im in der unten stehenden Tabelle angebenen 
Abstand vor Ihren Monitor.
</div>

<table border="0" cellspacing="0" cellpadding="0" style="width:520px; text-align:center; position:absolute; top:280px; left:360px;">
  <tr>
   <td class="sehtestTabelleHL">Größe des Monitors</td>
   <td class="sehtestTabelleHL">640x480px</td>
   <td class="sehtestTabelleHL">800x600px</td>
   <td class="sehtestTabelleHL">1024x768px</td>
  </tr>
  <tr>
   <td class ="sehtestTabelle">14''</td>
   <td class ="sehtestTabelle">5,5m</td>   <td class ="sehtestTabelle">4,0m</td>
   <td class ="sehtestTabelle">1,9m</td>
  </tr>
  <tr> 
   <td class ="sehtestTabelle">15''</td>
   <td class ="sehtestTabelle">6,0m</td>
   <td class ="sehtestTabelle">4,5m</td>
   <td class ="sehtestTabelle">2,4m</td>
  </tr>
  <tr>
   <td class ="sehtestTabelle">17''</td>
   <td class ="sehtestTabelle">7,0m</td>
   <td class ="sehtestTabelle">5,5m</td>
   <td class ="sehtestTabelle">3,4m</td>
  </tr>
</table>


<div class="text" style="position:absolute;top:400px;">
Der Abstand, den Sie vom Bildschirm einhalten sollten, ist von der Größe 
und Auflösung Ihres Monitors abhängig. Bitte schließen oder bedecken Sie 
Ihr linkes Auge. Können Sie die Zahlenreihe fehlerfrei lesen, verfügen Sie 
über die jeweils darunter angegebene Sehschärfe auf dem rechten Auge. 
Um die Sehschärfe <br>Ihres linken Auges zu überprüfen, bedecken Sie doch 
bitte das rechte Auge und wiederholen Sie den Test.
</div>

<div class="elementWeiterButton">
<a href="/wDeutsch/sehtest/10_prozent.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','/wDeutsch/wLayout/design/img/icons/weiter_hover.gif',1)"><img src="/wDeutsch/wLayout/design/img/icons/weiter.gif" width="103" height="43" border="0" name="Image1"></a>

<!-- web:group:stop id="maingroup" -->
</div>
<!-- CONTENT:STOP -->
<!-- FOOTER:START -->
<?PHP include_once($_SERVER["DOCUMENT_ROOT"]."/wDeutsch/wLayout/structure/footer_sehtest.php");?>
<!-- FOOTER:STOP -->
</body>
</html>

Und die für die Tabelle benutzten css:

Code:
.sehtestTabelleHL     {font-size:15px;font-family:verdana, arial, sans-serif;border-bottom-style:solid; border-bottom-width:2px;border-bottom-color:#B2600B;border-bottom-style:solid; border-bottom-width:2px;border-bottom-color:#B2600B;}
.sehtestTabelle       {font-size:15px;font-family:verdana, arial, sans-serif;border-bottom-style:solid; border-bottom-width:1px;border-bottom-color:#000000;}

Das Problem der Tabelle kann man im Anhang am besten sehen.
Hat jemand ne Idee, wo das Problem liegen könnte
 

Anhänge

  • Ohne-Titel-1.gif
    Ohne-Titel-1.gif
    2,5 KB · Aufrufe: 68
Es sieht aus, als hättest du irgendwo ein CSS-Format, welches die Zellen mit display:inline formatiert.
Ob du das irgendwo hast, musst du selbst wissen...aus dem Code ist es nicht ersichtlich.
 
Nein, das habe ich nirgends drin.
Das Problem hat sich aber auch mittlerweile erledigt. Nachdem ich die Tabelle mit "margin-left" eingerückt hatte, anstatt sie wie bisher mit "position:absolute" zu positionieren, trat der Fehler nicht mehr auf! Tippe auf einen Browser-Bug...
War ne ganz komische Sache!
 
Status
Nicht offen für weitere Antworten.
Zurück