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?
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?
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.
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ć. –
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. –
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. –
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.
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
Przeczytaj wybraną odpowiedź. –
Naprawiono problem, dziękuję. –
* html p { display: inline; zoom: 1; }
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