max-width Problem im Internet Explorer 6 (IE6)

      Kommentare deaktiviert für max-width Problem im Internet Explorer 6 (IE6)

unter http://www.bestviewed.de/css/bsp/maxwidth findet man eine sehr elegante Möglichkeit um dem Problem max-width im IE bei zu kommen. Man muss einfach eine Tabelle als Conditional Comment nur für den IE anlegen. Denn:

Der IE ignoriert die Breitenangabe einer Tabellenzelle solange diese größer ist, als die im Fenster zur Verfügung stehende Breite. (Zitat s.o.)

Um also eine Element zu erhalten, welches maximal 30em breit ist, wenn weniger Inhalt ist aber schmaler sein soll, muss man nur folgenden Code verwenden.

<div style="max-width:30em">
<!--[if IE]><table><tr><td style="width: 30em"><![endif]-->

<p>Hier kann jetzt ganz viel
Text stehen.</p>

<!--[if IE]></td></tr></table><![endif]-->
</div>