• Als Spam markieren
• Beitrag melden

• 
  Diese Gruppe Alles

• Archiv
• RSS-Feeds

• Kontakt
• Hilfe
• Impressum
• Datenschutz

IE CSS-Problem: white-space:pre für span innerhalb td

Hallo,

Es geht um eine Tabelle mit  Versandkosten, bei der in der ersten
Spalte die Länder mit Flagge stehen. Diese Spalte soll schmaler
werden, wenn das Browserfenster schmaler wird. Allerdings soll der
Zeilenumbruch nicht zwischen Flagge und Ländername erfolgen.

<td>
<span><img ...>&nbsp;Land</span>, <span><img
...>&nbsp;Land</
span> ...
</td>

CSS:  ... td span {white-space:nowrap; }

Ich habe eine Test-Datei erstellt: http://www.komerci.de/shop/tabelleTest.h
tm

Der Zeilenumbruch soll nicht innerhalb des Span-Elementes erfolgen,
sondern danach. Firefox macht das auch wie gewünscht. IE 8 ignoriert
aber offensichtlich das span im CSS-Selektor und wendet white-
space:pre auf die komplette Tabellenzelle an. Dadurch wird die Tabelle
bei schmalem Browserfenster zu breit und man muss scrollen.

Weiß jemand, wie ich das gewünschte Verhalten auch im IE erreiche?

Gruß
Robert

Antworten