IE9: begränsad bredd och white-space: nowrap funkar inte på tabellceller

När IE9 renderar tabellceller (<td>) tycker den att det är viktigare att följa instruktionen white-space än begränsningar av bredden. Även om du sätter overflow: hidden; kommer cellen expandera för att få plats med hela texten.

Den enda lösning jag har hittat är att istället ha ett block i cellen som är begränsat, för det verkar IE9 hantera korrekt. Om du till exempel har en cell som innehåller en länk, lägg begränsningen på länken istället för på cellen, och sätt display: inline-block; på länken.

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

Följande HTML-taggar och attribut är tillåtna: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>