Skocz do zawartości

Nowy błąd CSS w IE czyli Internet Explorer 7


Liszu

Rekomendowane odpowiedzi

Miało być lepiej i niby jest. Wyeliminowano kupę błędów z IE 6, ale jak to zwykle bywa pojawiły się "nowości".

Na początku tygodnia dostałem zlecenie od pewnej firmy na wychwycenie błędu wyświetlania strony w IE 7 i tylko w nim. Kod CSS napisany był nawet dobrze (choć ja użyłbym mniej hacków, jeśli w ogóle bym użył). Faktycznie IE 7 robił problemy. No i okazało się, że IE 7 ma poważnego buga z obsługą OVERFLOW. Poważnego na tyle, że... w ogóle go nie obsługuje.

Panowie zrobili sobie diva o wysokości 400px, który w wyniku domyślnej wartości atrybutu OVERFLOW: visible rozciągałby się w przypadku większej ilości tekstu - ot taka próba uniknięcia MIN-HEIGHT nie obsługiwanego przez IE 6. Niestety IE 7 nawet po podaniu atrybutu OVERFLOW olewa go totalnie. W grę wchodzi jedynie rozmiar AUTO lub (w tym przypadku) MIN-HEIGHT i AUTO. Pozostaje więc znany od lat "holly hack" dla IE 6, który - wbrew moim zdaniem nieuzasadnionym obawom - nie mąci wody dla nowej wersji IE i wciąż dzięki błędom parsowania tworzy wyjątek tylko dla "szóstki".

Odnośnik do komentarza
Udostępnij na innych stronach

Gość w3master

css:

div { border:1px solid #f00; width:300px; height:200px; overflow:visible;}

html:

<div>
<p>Cras aliquam ultricies nisi. Proin dolor. [...]</p>
</div>

Dla przypomnienia, overflow:visible - doprowadzi do wylania sie zawartosci na zewnatrz wlasnego pudelka elementu, ale nie zmieni ksztaltu pudelka.

Zgodnosc ze specyfikacja jest bugiem? To IE6 jest niezgodna ze standardem traktujac height jak min-height.

Zrodloslow: CSS kaskakowe arkusze stylow, przewodnik encyklopedyczny, Eric A. Meyer

Odnośnik do komentarza
Udostępnij na innych stronach

Ehhh faktycznie coś namieszałem :) Dzięki za zwrócenie uwagi. Termin był ciasny, więc na prędce szukałem przyczyn i uwaliłem samo znaczenie OVERFLOW. Ot taka herezja z mojej strony :P

Ale wracając do problemu - wychodzi więc na to, że IE 7 jako jedyny zinterpretował poprawnie? Była wysokość 400px, tekst faktycznie wylazł, ale to jedyna przeglądarka w której cała reszta strony zachowywała się jakby pudełko miało te 400px. Nadesłany projekt testowałem w ponad 10 - ciu przeglądarkach w domu... systemy różne od Windows sprawdziłem w Browsercam.com

Jak sądzisz?

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności