Problem:
http://redmine.boduch.net/issues/90
http://redmine.boduch.net/issues/89
Strona:
Aktualne zrodla na SVN sa (http://redmine.boduch.net/projects/coyote-cmf/repository).
Oczywiscie moge dac dostep do SVN-a, ale mozna tez na redminie patcha umiescic w formie zalacznika, to wstawie na SVN poprawke.
Oczywiscie wszelkie inne poprawki w kodzie CSS/xHTML sa mile widziane :)
W tym dolnym menu (issue #89) to daj po prostu margin: 0 dla #sitemap form input[type=text]. Najwyraźniej webkity dają tu jakąś wartość domyślną, czy coś.
W górnym menu (issue 90) nie widzę co tam jest przesunięte...
Dzieki, #89 zamykam.
Co do #90, to problem pojawia sie tylko wowczas, gdy sie zalogujesz. Wowczas pojawiaja sie dodatkowe ikony sluzace do powiadomien i PM. W tickecie #90 zalaczylem screen oraz opisalem, ktora linia odpowiada za to przesuniecie na Safari i IE. Ale bez vertical-align, ikony sa przesuniete do gory :/ Cos jest nie tak z tym menu...
Od razu przeczytałem opis i zerknąłem na zdjęcie. Zalogowałem się, porównałem Fx z IE8 i nadal nie widzę co tam jest przesunięte w porównaniu z czym. Przepraszam, jestem ślepy. Możesz mi wytłumaczyć jak debilowi?
Jedyne różnice, jakie widzę w IE8, to brak zaokrąglonych rogów przeglądarka nie obsługuje, graceful degradation) oraz troszkę zwiększona szerokość linku "Zakładki" (ale to tylko 4px) i wygładzona czcionka. W pionie wszystko się zgadza.
edit: Zobaczyłem na webkicie i już widzę o co chodzi. Pojawia się ta kreska na dole. O dziwo, na moim IE8 nie ma tego błędu.
Rzeczywiscie, na IE jest juz ok ;)
Widocznie przez przypadek musialem nieswiadomie naprawic :P
Blad funkcjonuje tylko na Safari. Wlasnie zalogowalem sie na http://coyote.boduch.net/demo -- po kliknieciu na zakladke "Forum" jest tak jak tutaj: http://redmine.boduch.net/attachments/21/przesunietemenu.jpg
O ile IE nie jest takie istotne, to Safari jest 3 przegladarka pod wzgledem popularnosci na 4programmers.net :)
Sorki za opóźnienie ale byłem trochę zajęty a rozłożenie się z kodem Coyote (i tak to robiłem z partyzanta, a nie przez SVN) i ogarnięcie Twojego zamysłu wymagało troszkę czasu.
Generalnie ja staram się unikać aż tak złożonych konstrukcji z display: inline oraz display-inline blok -- właśnie ze względu na trudności ze zrobieniem tego pixel-perfect na każdej przeglądarce. Prawdopodobnie na Twoim miejscu użyłbym po prostu floatów do tego typu zakładek, gdzie wszystko musi być ze sobą dokładnie spasowane.
Ale w zasadzie to... chyba jednak nie musi ;).
Tam Ci brakuje 1 piksela na dole żeby zasłonić tę szarą ramkę na dole. Ramkę zasłaniasz po prostu białym borderem. Zasłaniający border ma 2px szerokości. Zrób 3 i powinno być spoko. Nie powinno to wpłynąć negatywnie na nic, ani nawet nie powinno niczego przesunąć.
Czyli w regule ul#bar-menu-ul li.active zmień border-bottom z wartości 2px solid #fff; na 3px solid #fff.
Sprawdzałem to na Chrome i działa, a wcześniej rzeczywiście nie działało (w końcu to ten sam silnik co Safari).
bswierczynski napisał(a)
Sorki za opóźnienie ale byłem trochę zajęty a rozłożenie się z kodem Coyote (i tak to robiłem z partyzanta, a nie przez SVN) i ogarnięcie Twojego zamysłu wymagało troszkę czasu.
Daj spokoj, zgloszenie juz jakis czas lezalo na redminie i myslalem, ze juz nikt nie odpisze ;) Tym bardziej sie ciesze, ze problem jest juz rozwiazany. Proste a zarazem skuteczne rozwiazanie!
Dzieki.
