HOWTO: jak wyłożyć Operę
Niedawno obiecałem, że zajmę się dokładniej błędem w nowej Operze 8 beta. Proba zalogowania się do Fleksa za jej pomocą za każdym razem kończy się awarią przeglądarki. Po godzinie udało mi się ustalić, że winę ponosi taki niepozorny fragment kodu:
<div style="display: table;">
<button style="display:table-cell;">blah</button>
</div>Na serwerze umieściłem plik z powyższym fragmentem.
Sprawdziłem to na dwóch komputerach. Na obu pod Windows XP działa Opera 8 beta, build 7401. Błąd reprodukuje się za każdym razem.
quiris
Dzięki za zajęcie się tematem. Błąd został już zgłoszony do BTS: #162309
Szafranek
Cała przyjemność po mojej stronie :).
adas
Nowa Opera beta 2 już się nie wykłada :)
Szafranek
Świetnie.
Żeby nie było za dobrze: znalazlem kolejny błąd, obecny i w pierwszej, i w drugiej becie. Opera źle (moim zdaniem) wyświetla znacznik fieldset. Jeśli w środku umieszczę elementy z stylem
float,fieldsetnie dostosuje się do zajmowanego przez nie miejsca. Gecko i IE wyświetlają stronę zgodnie z oczekiwaniami. Przykład umieściłem na serwerze.quiris
Śmiem wątpić. IMO to właśnie Opera wyświetla ten przypadek jak najbardziej poprawnie, a pozostałe przeglądarki się mylą. Studium przypadku: http://mozillapl.org/forum/about-4682.html
Szafranek
Chyba faktycznie masza rację. Skoro w środku są pływające elementy, to blok (jakim jest fieldset) nie powinien się rozciągać.
Na marginesie, dokładnie ten sam problem znalazłem na tej stronie. Autor poradził sobie dodając na końcu
<div>ze stylemclear: both;. Śmiem twierdzić, że znalazłem bardziej eleganckie rozwiązanie, w czystym CSS-ie :). Postaram się opisać je na blogu w tym tygodniu.