Axel Richter: Tabellenbreite funzt im FF nicht...

Beitrag lesen

SELF-Forum

Tabellenbreite funzt im FF nicht...

Axel Richter
– Informationen zu den Bewertungsregeln

Hallo,

tut mir leid, aber bei mir sieht das in allen Browsern fast gleich aus. Folgendes habe ich getestet:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Sehtesttabelle</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<style type="text/css">  
<!--  
.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;}  
-->  
</style>  
</head>  
  
<body>  
  
<div class="blockContent"> <!--DIV1 Anfang-->  
  
<div class="elementBild"> <!--DIV2 Anfang-->  
     <img src="/wDeutsch/img/sehtest.jpg" alt="">  
</div> <!--DIV2 Ende-->  
<div class="headline">Anleitung</div> <!--DIV3 Anfang und Ende-->  
  
<div class="text">Bitte stellen Sie sich im in der unten stehenden Tabelle angebenen  
Abstand vor Ihren Monitor.  
</div> <!--DIV4 Anfang und Ende-->  
  
<table border="1" 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> <!--DIV5 Anfang und Ende-->  
  
<div class="elementWeiterButton"> <!--DIV6 Anfang-->  
<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>  
  
</div> <!--DIV6 Ende-->  
  
  
<!--DIV1 Ende?-->  
</body>  
</html>

Anmerkungen:
1. Es fehlt ein abschließendes DIV-Tag.
2. Man kann nicht nur DIV-Elemente mit CSS formatieren.
3. Absolutes Positionieren ist nur in wenigen Ausnahmefällen wirklich sinnvoll.
4. Das TD.sehtestTabelleHL möchte gerne ein TH-Element sein.

Die Anmerkungen haben aber nichts mit dem Problem zu tun, welches Du beschrieben hast. Wie gesagt, bei mir wird die Tabelle sowohl im IE6.0, als auch im FireFox1.0.7, als auch im Opera8.5 richtig angezeigt.

viele Grüße

Axel

PS: Das mit den 7.00m Abstand vom Monitor ist lustig. Steht Dein PC in einem Saal?

Beitrag melden
–
Informationen zu den Bewertungsregeln