ciekawe zachowanie IE

W czasie pracy nad jednym z serwisów pojawił się dość ciekawy błąd IE.

Mianowicie dla kodu:

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<style type="text/css">
html,body,ul,ol,li{margin:0;padding:0}
ul{list-style-type:none}
a{text-decoration:none}
#menumain{width:185px}
#menumain ul{background-color:#455}
#menumain a,#menumain .first li a{color:#fff}
#menumain a,#menumain .first li a{display:block}
#menumain a,#menumain .first li a{border-top:1px solid #fff}
#menumain a,#menumain .first li a{padding:4px}
#menumain ul ul{background-color:#678}
#menumain ul ul .on{background-color:#f13}
#menumain .on ul a{padding-left:17px}
</style>
</head>
<body>
<div id="menumain">
<ul>
<li class="on first"><a href="#">Wybory samorządowe</a>
<ul>
<li class="on"><a href="#">Geografia</a></li>
<li><a href="#">Komitety</a></li>
</ul>
<li><a href="#">Dokumenty wyborcze</a></li>
<li><a href="#">Akty prawne</a></li>
<li><a href="#">Mapa serwisu</a></li>
</ul>
</div>
</body>
</html>

Mozecie sobie pobrać spakowane źródło tego przypadku.

W dość nieoczekiwany sposób, IE zaczął kolorwać następne LI kolorem tła nadrzędnego UL.

wygląd w ie

W firefox’ie oczywiście wszystko ok:

wygląd w ff

Generalnie okazało się, że to nadrzędne li po prostu „spada” niżej. Co oczywiście nie powinno mieć miejsc.

Rozwiązanie

  1. nadać dokładne reguły koloryzujące LI
  2. nadać dokładną długość elementu LI

Kochani Klienci

Napisał do mnie klient:

Nie mogę wstawić zdjęcia.

Próbuję wrzucić w duży obrazek 560×185. Wszystkie powyższe są takie same ale żaden z nich nie chce wskoczyć. Każdy inny obrazek wskakuje bez problemu, a gdy próbuję wrzucić którykolwiek z tych prawidłowych (powyższych) to wskakuje mi ten, który jest właśnie za duży. Nie mam pojęcia na czym polega mechanizm tego zjawiska. Może Pan nam pomóc w tej sprawi?

No jasne, że mogę, przecież utrzymanie relacji z klientem jest najważniejsze.

Szukam, pukam, sprawdzam.

Nic.

Odpisałem grzecznie: Ponieważ nie potrafię powtórzyć zgłoszonego przez Pana błędu, poproszę o dokładniejsze wyjaśnienie, na czym polega właściwie problem. Zdarza się, a przecież nie powiem klientowi, że napisał mi tak nieprecyzyjnie, że ni licha nie mogę zrozumieć o co chodzi.

Czekam z niecierpliwością, bo może rzeczywiście coś nie pasuje. Błędu przecież są. A jak uważamy, że ich nie ma, to oznacza, że ich nie wyryliśmy.

Jest. Przyszedł

Po ciężkiej walce już sobie poradziłem, wszystko rozbija się o to, że obrazki wstawiane do pola „duży obrazek” są na stronie o 20 pkt w każdą stronę większe niż ich pierwowzór w galerii obrazów. Gdybym wiedział o tym wcześniej zaoszczędziłbym sobie trochę pracy, ale już wszystko ok.

No jasne, na stronie jest pasujący do layoutu, a nie pokazywany w abstrakcyjnej poniewierce panelu administratora.

Ornament

Prezentacja sklepu i jego oferty była podstawowym celem stawianym przede mną w czasie budowy serwisu. Poprzednia wersja była już wersją bardzo starą, ciężko edytowalną, opartą tylko i wyłącznie o pliki, więc uzupełnianie menu było bardzo pracochłonne. Wymiana serwisu statycznego na oparty o system kontroli wersji (CMS) pozwoliło znacząco skrócić czas potrzebny na aktualizację oraz obniżyć koszty obsługi serwisu internetowego.
adres:
ornament.waw.pl
w sieci
kwiecień 2006
rodzaj
cms
oprogramowanie
webox
cel
strona informacyjna, prezentacja oferty
technologie
perl, mysql, html
zakres prac
wdrożenie projektu graficznego, import treści
rodzaj
serwis oparty o CMS

Fresenius Kabi Polska

Wdrożenie objęło uruchomienie serwisu opartego o CMS z projektem graficznym zgodnym z wymaganiami zawartymi w księdze identyfikacji wizualnej.

adres:
www.fresenius-kabi.pl
w sieci
listopad 2005
rodzaj
cms
oprogramowanie
webox
cel
strona informacyjna, prezentacja oferty
technologie
perl, mysql, html
zakres prac
wdrożenie projektu graficznego, import treści
rodzaj
serwis oparty o CMS

PUH Grajan

adres:
grajan.pl
w sieci
lipiec 2004
rodzaj
serwis
cel
strona informacyjna, prezentacja oferty
technologie
php, smarty, html
zakres prac
projekt graficzny i jego wdrożenie, import treści

Hotel & Marina Grajan Centrum Wypoczynkowo-Szkoleniowe

adres:
mazury.grajan.pl
w sieci
lipiec 2004
rodzaj
serwis
cel
strona informacyjna, prezentacja oferty
technologie
php, smarty, html
zakres prac
projekt graficzny i jego wdrożenie, import treści

NZOZ Mariańska

Witryna informacyjna warszawskiej przychodni oparta została na autorskim CMS’ie.

adres:
www.marianska.pl
w sieci
kwiecień 2004
rodzaj
witryna informacyjna
oprogramowanie
webox
cel
utworzenie serwisu informacyjnego przychodni
zakres prac
grafika, cięcie szablonów, import treści, konfiguracja serwisu
technologie
perl, mysql, xhtml
projekt graficzny
iWorks

Klub Miłośników Zegarów i Zegarków

Celem wdrożenia było utworzenie miejsca prezentującego Klub Miłośników Zegarów i Zegarków. Historię zegarmistrzostwa oraz wiadomości z branży.

adres:
zegarkiclub.pl
w sieci
grudzień 2003
rodzaj
witryna informacyjna
cel
utworzenie serwisu informacyjnego
zakres prac
cięcie grafiki, import treści, konfiguracja serwisu
technologie
php, mysql, xhtml, smarty
projekt graficzny
Ela Żaczek

Klub Miłośników Zegarów i Zegarków

Polska Flota DN

adres:
bojery.pl
w sieci
październik 2003
oprogramowanie
xoops
cel
utworzenie witryny informacyjnej
zakres prac
instalacja i konfiguracja pakietu XOOPS, zarządzanie witryną, aktualizacja, administracja
technologie
php,

Nagrol

adres:

nagrol.pl
w sieci
październik 2003
rodzaj
cms, serwis informacyjny
oprogramowanie
webox
cel
strona informacyjna, oferta
technologie
perl, mysql, xhtml
zakres prac
wdrożenie projektu graficznego, import treści
projekt graficzny
Maciej Baran

Strona 41 z 42

Oparte na WordPress & Theme by Anders Norén