XHTML Strict, CSS - Zgodność z przeglądarkami Opcje

[Zodiac]

Witam!

Od wczoraj modyfikuje swoją stronę z HTML 4.1 na XHTML 1.0 Strict. Nie jest to jeszcze ostateczna wersja. Validator stwierdza brak błędów, jednak nie mogę poradzić sobie z poprawną obsługą CSS.

Wszystko działa sprawnie pod Operą i IE, jednak Mozilla odmawia współpracy. Problem leży w obsłudze grafik - w CSS jestem zielony, więc nie mam pojęcia jak to ugryźć. Czy mogę liczyc na jakieś sugestie i rady?

Adres strony będącej w budowie:
http://majestic.gry-online.pl/maj_nowy/

Pozdrawiam
Zodiac

[Dominik]

1. Wszelkie grafiki są przesunięte w lewo, a powinny byc wyśrodkowane. W pozostałych przeglądarkach wystarczy wpis:
td { text-align: center; }

Szczeze mowiac to nadal nie widze o co chodzi ale strzelam zeby dodac co selektora img margin:auto

2. Grafiki z menu mecze. Znowu przesunięcie w lewo, to samo co powyżej.

Tutaj widze o co chodzi i nie powinno byc text-align tylko margin:auto w selektorze img. Musisz zrozumiec roznice miedzy wysrodkowaniem "zewnetrznym" i "wewnetrznym".

3. Tekst, ma byś w środku tabeli, jest przesunięty w lewo.

Tutaj pomimo ze precyzyjnie okresliles nie moge znalesc. Albo sie nie zrozumielismy albo sie pomyliles. Moze chodzilo o przesuniecie w prawo? A moze to ja zle zrozumialem, bo nawet linijka mierzylem i jest identycznie jak w IE (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) .

4. Nieprawidłowy odstęp pomiędzy treścią i tytułem / autorem.

To wynika z bledow w IE i Opery, ktora zeby byc zgodna powiela bledy IE. Chodzi o to ze IE przelacza sie w tryb Quirks a nie Strict (IE gubi sie jak zobaczy w pierwszym wierszu deklaracje XML-a). Wiec zachowanie Mozilli jest jak najbardziej poprawne, ten odstep powinien byc. Dowod: zmiec DTD na transitional i w Mozilli bedzie tak samo jak w IE.

5. Źle wycentrowany obrazek. Normalnie (w IE i O) wystarczy ustawienie jak w punkie 1.

Moze powiesz ze jestem slepy ale tutaj imho jest idealnie tak samo w tych dwoch przegladarkach (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) . Nie wiem o co chodzi, szczegolnie ze w tym miejscu co zaznaczyles nie ma obrazka wiec jak moze byc cos zle? (obrazek jest na calej dlugosci a nie tylko na 1/10).

Na czym sie opierać budując strony w XHTML?

Rozumiem, ze pytasz o tabelki lub div'y. Oczywisice o Divy.

CSS wygląda w każdej przeglądarce inaczej.

Nie, poprawnie zaprojektowana strona bedzie wygladala tak samo w kazdej przegladarce. Jesli wyciagasz wniosek na podstawie swojej strony to musze Ci powiedziec, ze strona jest zle wyswietlana bo jest zle zrobiona. Nie obraz sie ale to ze strona przechodzi przez walidator to nie znaczy ze jest poprawnie zrobiona. Trzeba jeszcze ja zaprojektowac logicznie, a u Ciebie niestety z tym jest tragicznie. Co to jest logika zapytasz? Podam Ci przyklad banalny na podstawie Twojej strony jednak nie zwiazany z poprawnoscia wyswietlania ale mysle ze latwiej mozna bedzie zrozumiec. Na stronie jest tlo czarne a obrazki z tematami sa na ciemno brazowo? Czy tak powinna byc zaprojektowana strona logiczna? Nie, bo nikt nawet tego po wejsciu na nia nie zobaczy, dopiero jak zblizy glowe na 10cm do monitora rozczyta to tam jest napisane na obrazku. To jest na przykladzie logicznosc (a nie tylko gramatyka). Twoja strona nie jest calkowicie zgodna z W3C WAI. Jesli by byla napewno niemialbys problemow z przegladarkami. A teraz przejde do setna: kod jest tak niespojny ze przegladarka na prawo sie zgubic, spojrz na style, powiedz czy pamietasz dziedziczenie dowolnego elementu, ktory Ci pokaze. Odpowiedz brzmi: nie.
A nawet sama gramatyka jest zlechana, spojrz na DTD, odwolujesz sie do definicji, ktore znajduja sie http://majestic.gry-online.pl/maj_nowy/DTD...tml1-strict.dtd chyba nie trudno sie domyslac ze tam tego pliku nie ma, bo jest http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd . I teraz powiedz skad przegladarka ma wiedziec co chciales jej powiedziec? To samo ze standalone ale powiedz czy poprawny parser XML-a w przegladarce ma zgadnac ze to bzdura i trzeba to ominac. I tak mozna jeszcze przez dzisiec stron...