GoldenLine
Zaloguj się
Przemysław Słota

Przemysław Słota Scrum Master/
Product Owner /
Technical Project
Manager (...

Temat: CSS - zaokrąglone rogi

Witam,

czy mógłby ktoś rzucić okiem na ten przykład i powiedzieć dlaczego ten box z zaokrąglonymi rogami wygląda inaczej w każdej przeglądarce ?

http://flashdeveloper.com.pl/test/test.html

Wyświetla się prawidłowo jedynie w FF, natomiast w IE dolny border jest o 1 px za wysoko, a w Operze o 1px za nisko i ma przerwę między górnymi zaokrągleniami a borderami bocznymi :(
Link do wypowiedziLink

konto usunięte

Temat: CSS - zaokrąglone rogi

Nie wiem jak z Operą, ale strona odpala Ci się w Quirks Mode w IE, co powoduje, że IE wraca do swojego popsutego box model - border-bottom traktuje jako część wysokości.
Czyli w FF masz height(8) + border(1) = 9, w IE natomiast height(8) + border(0) = 8.
Zmuś IE do pracowania w trybie standardów, czyli popraw kod/doctype/whatever i będzie dobrze.Krzysztof Kawa edytował(a) ten post dnia 25.11.10 o godzinie 14:33
Link do wypowiedziLink
Przemysław Słota

Przemysław Słota Scrum Master/
Product Owner /
Technical Project
Manager (...

Temat: CSS - zaokrąglone rogi

Dokładnie o to chodziło :)

Zamieniłem DOCTYPE na
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


i dodałem do tagu HTML
<html xmlns="http://www.w3.org/1999/xhtml">


i mam to co chciałem :)

Wielkie dzięki.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Poszukiwany koder (X)HTML, ...




Wyślij zaproszenie do
Anuluj