Colgroup / Col / td: colspan im IE funktioniert nicht.

[Hamburgo]

Hallo,

seit Stunden schlage ich mich mit dem Thema nun schon rum, alle Mühe half nichts.

Der IE interpretiert colspan im td-tag falsch.

Der Code ist nach "W3C-Validation Service" fehlerfrei !

Der Text "Bitte wählen Sie ..." soll über die Zellen 1 bis 3 gespannt werden.

Der IE spannt ihn aber über mehr als 4,5 Zellen.

Jemand eine Idee ?

  
      <table border='1' width='640px'>  
       <colgroup>  
        <col width='100px' valign='middle'>  
        <col width= '20px' valign='middle'>  
        <col width='100px' valign='middle'>  
        <col width= '20px' valign='middle'>  
        <col width='100px' valign='middle'>  
        <col width= '20px' valign='middle'>  
        <col width='100px' valign='middle'>  
        <col width= '20px' valign='middle'>  
        <col width='100px' valign='middle'>  
        <col width= '60px' valign='middle'>  
       </colgroup>  
       <tr>  
        <td>  
        1.  
        </td>  
        <td>  
        2.  
        </td>  
        <td>  
        3.  
        </td>  
        <td>  
        4.  
        </td>  
        <td>  
        5.  
        </td>  
        <td>  
        6.  
        </td>  
        <td>  
        7.  
        </td>  
        <td>  
        8.  
        </td>  
        <td>  
        9.  
        </td>  
        <td>  
        10.  
        </td>  
       </tr>  
      </table>  
      <table border='1' width='640'>  
       <colgroup>  
        <col width='100px' valign='middle'>  
        <col width= '20px' valign='middle'>  
        <col width='100px' valign='middle'>  
        <col width= '20px' valign='middle'>  
        <col width='100px' valign='middle'>  
        <col width= '20px' valign='middle'>  
        <col width='100px' valign='middle'>  
        <col width= '20px' valign='middle'>  
        <col width='100px' valign='middle'>  
        <col width= '60px' valign='middle'>  
       </colgroup>  
  
       <tr>  
        <td colspan="10">  
<br>  
<br>  
Sehr geehrter Besucher,<br>  
<br>  
willkommen bei der HV-Barometer ".*<br>  
        </td>  
       </tr>  
  
       <tr>  
        <td colspan='3' height='30'>  
Bitte w&auml;hlen Sie ...<br>  
        </td>  
        <td colspan='3'>  
Mein Profil einsehen:  
        </td>  
        <td>  
        Profil  
        </td>  
       </tr>  
  
       <tr>  
        <td colspan = '3' height='30'>  
&nbsp;  
        </td>  
        <td colspan = '3'>  
Meine Woche:  
        </td>  
        <td>  
        Woche  
        </td>  
       </tr>  
      </table>  
  

Im IE wird die Seite falsch angezeigt:

Im FF, Chrome, Safari wird korrekt interpretiert.

Danke

[Matthias Apsel]

Om nah hoo pez nyeetz, Hamburgo!

Jemand eine Idee ?

Ja, aber nur eine, die dir nicht gefallen wird: Verzichte auf Tabellenlayout.

Matthias

[Hamburgo]

Om nah hoo pez nyeetz, Hamburgo!

Jemand eine Idee ?

Ja, aber nur eine, die dir nicht gefallen wird: Verzichte auf Tabellenlayout.

Matthias

Was ist dazu die beste Alternative ?

<div>

Wenn ja, wo finde ich ein gutes Tutorial dazu ?

[Matthias Apsel]

Om nah hoo pez nyeetz, Hamburgo!

Was ist dazu die beste Alternative ?

Die Alternative ist, _jeden_ Gedanken an das Aussehen ersteinmal zu verdrängen und semantisch passende Elemente zu verwenden.

Matthias

[Hamburgo]

Om nah hoo pez nyeetz, Hamburgo!

Was ist dazu die beste Alternative ?

Die Alternative ist, _jeden_ Gedanken an das Aussehen ersteinmal zu verdrängen und semantisch passende Elemente zu verwenden.

Matthias

Ok, danke.

Ich werde mich mal damit beschäftigen.

So auf den ersten Blick ist das primär für reine HTML-Entwickler
von höher Bedeutung.

Ich bin mehr in PHP unterwegs und da sind Tabellen recht einfach einsetzbar,
um größere Daten-Mengen übersichtlich anzuzeigen.

Ob die neuen HTML5-Techniken sich genauso so gut dazu eignen, kann ich derzeit
nicht beurteilen.

In der Kombination HTML / CSS / PHP sieht es zumindest auf den 1. Blick
komplexer aus.

Gruss
Hamburgo

[dedlfix]

Tach!

So auf den ersten Blick ist das primär für reine HTML-Entwickler von höher Bedeutung.

Was für einen Unterschied siehst du zwischen einem "reinen HTML-Entwickler" und sonstigen Personen, die HTML-Dokumente erzeugen?

Ich bin mehr in PHP unterwegs und da sind Tabellen recht einfach einsetzbar, um größere Daten-Mengen übersichtlich anzuzeigen.

Es kommt darauf an. Wenn es tabellarische Daten sind, dann sind Tabellen durchaus angebracht.

Zu deinem Problem: Es ist nachvollziehbar (im IE 10). Aber warum hast du überhaupt die Spaltennummern in einer zweiten Tabelle? Das Problem löst sich auf, wenn du in der Tabelle genügend "echte" Spalten verwendest und sie nicht nur als col definierst.

dedlfix.