Torsten: Darstellung Tabellen IE7 versus IE6 und FireFox

Beitrag lesen

SELF-Forum

Darstellung Tabellen IE7 versus IE6 und FireFox

Torsten
– Informationen zu den Bewertungsregeln

Guten Tag,

ich habe derzeit mit einem Problem bezüglich der Darstellung von IE7
und IE6 bzw. Firefox zu kämpfen.

Nimmt man beispielsweise folgendes Code Fragment

  
<table style="width:100%;">  
 <tr>  
  <td align="right">  
   <table>  
    <tr><td>Spalte 1</td><td>Spalte 2</td><td>Spalte 3</td></tr>  
    <tr><td>A</td><td>B</td><td>C</td></tr>  
    <tr><td>D</td><td>E</td><td>F</td></tr>  
   </table>  
  </td>  
 </tr>  
</table>

Natürlich ist dies nur ein Beispiel. Ziel ist es eine Tabelle in
einer anderen zu verschachteln, so dass diese innere Tabelle
am rechten Rand der äußeren Tabelle erscheint.
Der Internet Explorer 6 und der Firefox reagieren darauf
entsprechend, sowohl im Quirks Mode als auch im Standards
Compliance Mode und zeigen das gewünschte Ergebnis.

Der IE7 hingegen zeigt dieses Ergebnis nur im Quirks Mode. Im
Standard Compliance Mode richtet er auch die Inhalte der inneren
Tabelle rechtsbündig aus.

Hier sind 2 Beispiele, die dies verdeutlichen:

Quirks Mode:

  
<html>  
<head>  
<title>Darstellung im Quirksmode</title>  
</head>  
<body>  
 <table style="width:100%;">  
  <tr>  
   <td align="right">  
    <table>  
     <tr><td>Spalte 1</td><td>Spalte 2</td><td>Spalte 3</td></tr>  
     <tr><td>A</td><td>B</td><td>C</td></tr>  
     <tr><td>D</td><td>E</td><td>F</td></tr>  
    </table>  
   </td>  
  </tr>  
 </table>  
</body>  
</html>

Standards Compliance Mode:

  
<?xml version="1.0" encoding="windows-1252"?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html>  
<head>  
<title>Darstellung im Standards Compliance Mode</title>  
</head>  
<body>  
 <table style="width:100%;">  
  <tr>  
   <td align="right">  
    <table>  
     <tr><td>Spalte 1</td><td>Spalte 2</td><td>Spalte 3</td></tr>  
     <tr><td>A</td><td>B</td><td>C</td></tr>  
     <tr><td>D</td><td>E</td><td>F</td></tr>  
    </table>  
   </td>  
  </tr>  
 </table>  
</body>  
</html>

Nun zur Frage. Welcher Browser stellt das HTML-Konstrukt korrekt dar?
Ich habe bei den Empfehlungen von W3O schnell die Übersicht verloren.
Könnte mir jemand einen Link geben oder es erklären?

Ein Work Around wäre auch nicht schlecht :)

Vielen Dank im Vorraus!

Beitrag melden
–
Informationen zu den Bewertungsregeln