CODEWITHSUNDEEP
htmlcssinternet-explorerinternet-explorer-6
faressoft
faressoft

Reputation: 19651

How to fix display:inline-block on IE6?

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 ?

alt text

Upvotes: 8

Views: 14682

Answers (3)

meder omuraliev
meder omuraliev

Reputation: 186552

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.

Upvotes: 12

almazmusic
almazmusic

Reputation: 154

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

Upvotes: 5

gearsdigital
gearsdigital

Reputation: 14205

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.

Upvotes: 4

Related Questions