2010-09-20 3 views
8

Jak naprawić display:inline-block; na IE6?Jak naprawić wyświetlanie: wbudowany blok w IE6?

Moje html Strona http://www.faressoft.org/tutorialTools/slideShow/

mogę uzyskać ten sam rezultat w inny sposób?

alt text

+0

Zapisałeś swoje pliki CSS w zestawieniu komponentów UTF-8 i podajesz je bez zestawu znaków w nagłówku typu zawartości. Proponuję to również naprawić. Nie jestem pewien, jak IE6 zareaguje na obecność nieprawidłowo zakodowanego BOM UTF-8 przed pierwszą regułą CSS. – BalusC

Odpowiedz

12

trzeba ponownie określić display:inline; na poziomie elementów bloku w swoich arkuszach IE stylu.

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]--> 

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

BONUS:

Należy również podać display:inline; dla .ImageSlideShow .ImageNum {}, aby złagodzić inny błąd IE.

+4

Wiem, że to jest bardzo stare, ale dla innych, którzy tu przychodzą (tak jak ja), nie potrzebujesz warunkowego komentarza. Wszystko czego potrzebujesz to .ImageSlideShow {display: inline-block; * wyświetlacz: wbudowany; zoom: 1;} i zadziała dobrze. IE6 i 7 to jedyne przeglądarki, które rozpoznają * wyświetlacz, więc wszyscy inni będą go ignorować. –

+0

To chyba bardziej eleganckie w użyciu kondomów, ale dla zwięzłości i jeśli nie zależy Ci na doskonałej walidacji, idź dalej. –

+0

To zależy, czy uważasz, że dodawanie dodatkowych znaczników w twojej strukturze jest bardziej zwięzłe i semantyczne w porównaniu do dodawania dwóch dodatkowych atrybutów w twoim CSS (gdzie powinny być używane elementy projektu). Ale masz rację, możesz argumentować w dowolny sposób, w zależności od twoja pozycja na tym froncie. –

4

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

W IE6 można ustawić display: inline-Bock tylko do rzeczywistych elementów inline, takich jak zakres lub a.

+0

Czy ktoś może wyjaśnić, dlaczego moja odpowiedź została odrzucona? Nie widzę tu żadnych informacji o miss. IE 6/7 akceptuje wyświetlanie: wartość wbudowanego bloku tylko dla elementów z naturalnym wyświetlaczem: wbudowany. Aby zweryfikować tutaj, http://www.quirksmode.org/css/display.html – gearsdigital

+0

Przeczytaj wybraną odpowiedź. –

+0

Naprawiono problem, dziękuję. –