Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Proszę o pomoc!
MartioL
post
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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
sf
post
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
Go to the top of the page
+Quote Post
dr_bonzo
post
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
Go to the top of the page
+Quote Post
Bakus
post
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ę.
Go to the top of the page
+Quote Post

Closed TopicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 13:05