![]() |
![]() |
![]() ![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 7 Pomógł: 0 Dołączył: 2.02.2005 Ostrzeżenie: (0%) ![]() ![]() |
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 (IMG:http://forum.php.pl/style_emoticons/default/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. |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 1 597 Pomógł: 30 Dołączył: 19.02.2003 Skąd: Tychy Ostrzeżenie: (0%) ![]() ![]() |
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 (IMG:http://forum.php.pl/style_emoticons/default/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 |
|
|
![]()
Post
#3
|
|
Grupa: Przyjaciele php.pl Postów: 5 724 Pomógł: 259 Dołączył: 13.04.2004 Skąd: N/A Ostrzeżenie: (0%) ![]() ![]() |
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 |
|
|
![]()
Post
#4
|
|
Administrator serwera Grupa: Przyjaciele php.pl Postów: 909 Pomógł: 0 Dołączył: 12.08.2003 Skąd: /var/www/wroclaw.php Ostrzeżenie: (0%) ![]() ![]() |
Przeniesione XML->Hydepark
Proszę o wysłanie mi na PW poprawnego tematu, to odblokuję. |
|
|
![]() ![]() |
![]() |
Aktualny czas: 22.08.2025 - 13:05 |