Przy okazji kończenia prac nad Estelionem znalazłem w starych materiałach jeszcze jeden screen ukazujący kolejny błąd interpretacji reguł CSS przez Safari. W tym przypadku to:
body{
background: #CCC;
}
.txt{
width: 200px;
height: 100px;
padding: 20px;
border: solid 1px #F00;
background: none;
}oraz to:
<textarea rows="4" cols="20" class="txt">
tekst
</textarea>
abstrahując od MACowskiej niebieskiej ramki w Safari 2.0.4 tak oto się wyświetla.
Ostanio, podczas pracy nad kodem do Esteliona zauważłem bardzo ciekawą rzecz, która - nie ukrywając - przysporzyła mnie samemu troche dodatkowej pracy, oraz całej grupie kilka dni zastanawiania się, co tak naprawdę jest w kodzie niepoprawne.
Z racji, iżpowyższy projekt ma być w pełni kompatybilny z każdą możliwą przegladarka, duży nacisk kładziony jest teżi na zgodność z MACiem i ichnią, niby to taką super, przeglądarką Safari.
Safari, jako jedna z pierwszych i nielicznych nadal jeszcze przeglądarek, od kwietnia 2005 roku przechodzi test ACID 2. No i niby wszystko super, tyle tylko, że na poniższym kodzie... Safari tak jakby nie do końca działało zgodnie ze specyfikacją CSS:<div style="height: 100px; background: #FFF !important; background: #000; border: solid 1px #F00;"></div><div style="height: 100px; background: #000; background: #FFF !important; border: solid 1px #F00;"></div><div style="height: 100px; background: #000; background: #FFF; border: solid 1px #F00;"></div>
Według specyfikacji winniśmy otrzymać 3 prostokąty z białym tłem i czerwoną ramką, jednak w Safari 2.0.4 reguła !important jest ignorowana(!?) i otrzymujemy w rezultacie takie oto coś.
