[CSS][IE6] Overflow genegeerd voor TD en elementen in TD?

[Verwijderd]

In een overzicht van bestandsnamen dat moet passen in een vrij smal ontwerp wil ik i.v.m. potentieel lange bestandsnamen overflow verbergen.

HTML:

<table>
  <tr>
    <td style="white-space: no-wrap; width: 100%; overflow: hidden;">
      Dit is alvast een veel te lange bestandsnaam die dus niet gaat passen.jpg
    </td>
  </tr>
</table>

In Firefox en Opera wordt de overflow toegepast. In IE6 wordt de breedte van de cel vergroot zodat de bestandsnaam past. De render mode pagina is standards compliance mode. Ook wanneer ik de bestandsnaam in een div plaats met hetzelfde style-attribuut wordt de overflow niet toegepast.

Is hier een oplossing voor?

[Verwijderd]

Voor IE een vast height geven met overflow: hidden;?

[Verwijderd]

Nee, het gaat eigenlijk over de breedte. Maar ik heb wel de oplossing gevonden (weer eens te vroeg gepost, maar misschien heeft iemand anders er zo ook nog wat aan).

HTML:

<table style="table-layout: fixed;">

Hiermee voorkom je dat de tabel breder wordt dan het element dat de tabel bevat of de opgegeven breedte van de tabel. Het is een CSS 2.1 waarde.

PKK heeft een goed artikel over tabellen en CSS.

[ Voor 4% gewijzigd door Verwijderd op 15-12-2006 13:30 ]

[Verwijderd]

Het lijkt dat ik nog iets te vroeg gejuicht heb. Safari 1.3 en 2.0 maken allebei de tabelcel breder om te tekst te laten passen.

Iemand nog een idee?