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:

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Target Image