Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Proszę o pomoc!
Forum PHP.pl > Inne > Hydepark
MartioL
Witam serdecznie!

Zaprojektowałem swoją pierwszą stronę przy użyciu DIV. Całkowicie odszedłem
od dotychczasowego mojego sposobu przy użyciu tabel i zaprojektowałem z
wykorzystaniem DIV oraz stylów CSS.

Strona w IE wygląda super, ale w pozostałych przeglądarkach rozjeźdza się.
Najgorsze to to, że nie mam pojęcia dlaczego? Szukałem porad w necie, ale nic nie znalazłem sad.gif

Mam ogromną prośbę. Czy może ktoś sprawdzić co jest nie tak w kodzie
(stylach)? Oto adres tej strony: http://3CITY.info.pl

Z góry dziękuję za szybką pomoc.
sf
Czy ID nie pownno się odnosić do jednego tylko znacznika w dokumencie?

Pozatym z tego co widzę to poprostu elementy Ci się nie mieszczą. Namieszałeś coś z szerokościami. Padding rozszerza divy na zewnątrz z tego co pamięm, jeśli jest ich kilka, jakoś tak to było.

Co radzę? Zacznij testowanie, uruchamiasz firefox i tam tworzysz od nowa szkielet i patrzysz jak strona sie zmienia po zmianie jakiegoś stylu. Testowanie na praktycznie gotowej stronie jest dość kłopotliwe winksmiley.jpg

Pozatym... http://validator.w3.org/check?uri=http%3A%...city.info.pl%2F następnym razem najpierw doprowadź stronę do porządku.

http://css.maxdesign.com.au/index.htm - tutaj masz adres do turtoriala z wykorzystaniem float
dr_bonzo
To jest kwestia tego ze twoja strona jest wyswietlana w "Quirks mode" (QM) (patrz linki).

Tryb QM zostal uruchomiony poniewaz masz zla deklaracje DOCTYPE
[1]
Cytat
HTML 4.01 Transitional doctype without a URL ie. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
dla takiej deklaracji jest wlaczony tryb QM.
Popraw deklaracje -- dodaj URLa
Cytat
HTML 4.01 Transitional doctype with the URL http://www.w3.org/TR/html4/loose.dtd ie. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

A najlepiej przezuc sie na XHTML/Strict

W trybie "Standards compliance mode" (SCM -- prawidlowym zgodnym ze standardami W3C) dodanie niezerowago paddingu zwieksza wymiary boxa (wiecej zajmuje na ekranie) ale wymiary tresci (content) pozostaja stale -->[5].

W trybie QM jest roznie, w FFoxie tak jak w SCM a w Operze dadanie paddingu zmiejsza wymiary content -- box zajmuje ciagle tyle samo na ekranie, w IE -- nie wiem, ale z tego co piszesz, ze strona wyglada ok -- jest jak w SCM.

Jak sprawdzic ktory tryb jest wlaczony? W FFoxie RMB->View Page Info, i w pierwszej zakladce "Render Mode: ...".

Dodaj prawidlowa deklaracje DOCTYPE.
I zbuduj strone od nowa.
------------
linki:
[1] http://www.hut.fi/u/hsivonen/doctype.html
[2] http://www.quirksmode.org/
[3] http://www.quirksmode.org/css/modes/box_quirks.html
[4] http://www.quirksmode.org/css/modes/box_strict.html
[5] http://www.w3.org/TR/REC-CSS2/box.html
Bakus
Przeniesione XML->Hydepark

Proszę o wysłanie mi na PW poprawnego tematu, to odblokuję.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.