How to fix display:inline-block; on IE6 ?
My html Page http://www.faressoft.org/tutorialTools/slideShow/
can I get the same result in other way ?
views:
68answers:
3
A:
http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
In IE6 you can set display:inline-bock only to real inline elements like span or a.
gearsdigital
2010-09-20 19:14:25
Could anyone explain why my answer is voted down? Can't see any missinformation here. IE 6/7 accepts display:inline-block value only on elements with a natural display: inline. To verify here http://www.quirksmode.org/css/display.html
gearsdigital
2010-09-21 08:37:08
Read the selected answer.
meder
2010-09-21 16:34:27
+1
A:
You have to re-specify display:inline; on block level elements in your IE style sheets.
HTML:
<div class="ImageSlideShow">blah</div>
REGULAR CSS:
.ImageSlideShow { display:inline-block; }
IE CSS:
<!--[if lt IE 8]>
<style>
.ImageSlideShow { display:inline; zoom:1; }
</style>
<![endif]-->
See: http://work.arounds.org/using-inline-block-ie7-and-ie6/
BONUS:
You should also specify display:inline; for .ImageSlideShow .ImageNum {} to alleviate another IE bug.
meder
2010-09-20 20:59:17