IE7 und inline-blocks: ein CSS Trick

IE7 hat ein Problem mit inline-blocks.

FF und IE8 zeigen die Blocks richtig an, IE7 als normale verticale Tabelle.

Abhilfe:

div {
display: -moz-inline-stack; /* für FF2 */
display: inline-block; /* für FF3, IE8... */
zoom: 1; /* für IE7 */
*display: inline; /* für IE7 und IE6 */
}

Dann funktionierts - zumindest im IE7...
(HTML-Element bzw. Klasse muß natürlich angepasst werden!)

more Information(in english):
http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

Blog Kategorie:

Neuen Kommentar hinzufügen

Filtered HTML

  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Erlaubte HTML-Tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Zeilenumbrüche und Absätze werden automatisch erzeugt.

Plain text

  • Keine HTML-Tags erlaubt.
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Zeilenumbrüche und Absätze werden automatisch erzeugt.
CAPTCHA
Diese Frage hat den Zweck zu testen, ob Sie ein menschlicher Benutzer sind und um automatisiertem Spam vorzubeugen.
Target Image