Как исправить отображение: встроенный блок в IE6?

Question

Как исправить display:inline-block; на IE6?

Моя страница html http://www.faressoft.org/tutorialTools/slideShow/

могу ли я получить тот же результат другим способом?

Answer 1

Необходимо повторно указать display:inline; для элементов уровня блока в таблицах стилей IE.

HTML:

<div class="ImageSlideShow">blah</div>

РЕГУЛЯРНЫЙ CSS:

.ImageSlideShow { display:inline-block; } 

IE CSS:

<!--[if lt IE 8]>
<style>
.ImageSlideShow { display:inline; zoom:1; }
</style>
<![endif]-->

См .: http://work.arounds.org/using-inline-block-ie7-and-ie6/

БОНУС:

Вы также должны указать display:inline; для .ImageSlideShow .ImageNum {} дляустранить еще одну ошибку IE.

Answer 2

* html p { display: inline; zoom: 1; }

Answer 3

http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

В IE6 вы можете установить display: inline-bock только для реальных встроенных элементов, таких как span или.