MozillaPL.org - polskie centrum Mozilli

Główne menu:

[XHTML] Różnice w wyświetlaniu - IE a Firefox

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[XHTML] Różnice w wyświetlaniu - IE a Firefox

Postautor: gosciu :) » 04 lutego 2006, 17:00

Przeglądarka: Mozilla/5.0 (Windows; U; Win98; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Witajcie,

Pracuję nad projektem strony http://polishpixels.pl/pixel2/ i coś jest nie tak.. Po kliknięciu w zakładkę nowości rozwala się cały layout w Firefoxie, a w IE wygląda w porządku.. Wertuję kod i nie mogę znaleźć co zrobiłem źle..

Czy moglibyście mi pomóc?

Pozdrawiam forumowiczów
gosciu :)
 

Postautor: gosciu :) » 04 lutego 2006, 17:22

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows 98; Maxthon)

P.S. Przepraszam za brak przedrostka [xhtml, css] :(
gosciu :)
 

Re: Różnice w wyświetlaniu - IE a Firefox.. Co jest źle?

Postautor: JBG » 04 lutego 2006, 17:29

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

gosciu :) pisze:Wertuję kod i nie mogę znaleźć co zrobiłem źle..
Czy moglibyście mi pomóc?
Pozdrawiam forumowiczów

Zacznijmy :
-od tego., że

Twoje DTD to HTML 4.01 Transitional, a Ty wstawiasz application/xhtml+xml (zresztą i tak dalej Twoja strona ma typ text/html) .
Ostatnio zmieniony 04 lutego 2006, 19:18 przez JBG, łącznie zmieniany 1 raz
Szaleniec nie jest człowiekiem, który utracił rozsądek. Szaleniec utracił wszystko, poza rozsądkiem.
JBG
 
Posty: 142
Z nami od: 17 marca 2005, 12:57
Lokalizacja: Dobre Miasto

Re: Różnice w wyświetlaniu - IE a Firefox.. Co jest źle?

Postautor: Gość » 04 lutego 2006, 17:49

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows 98; Maxthon)

JBG pisze:
gosciu :) pisze:Wertuję kod i nie mogę znaleźć co zrobiłem źle..
Czy moglibyście mi pomóc?
Pozdrawiam forumowiczów

Zacznijmy :
-od tego.

Uważasz, że zamiana tabeli na div'y pomoże?

JBG pisze:Twoje DTD to HTML 4.01 Transitional, a Ty wstawiasz application/xhtml+xml

To już poprawiłem. Dzięki za zauważenie tego błędu.

JBG pisze:(zresztą i tak dalej Twoja strona ma typ text/html

Dlaczego tak uważasz?
Gość
 

Re: Różnice w wyświetlaniu - IE a Firefox.. Co jest źle?

Postautor: JBG » 04 lutego 2006, 18:21

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Anonymous pisze:Uważasz, że zamiana tabeli na div'y pomoże?


Nie zamiana div'ów na tabele, tylko DTD HTML 4.01 na DTD XHTML 1.0


JBG pisze:(zresztą i tak dalej Twoja strona ma typ text/html

Anonymous pisze:Dlaczego tak uważasz?


Ja nie uważam :wink: , ja zajrzałem po prostu do informacji o stronie, a poza tym nie tak serwuje się MIME Type dokumentu.

W protokole HTTP jeden z nagłowków wysyłany przez serwer to Content-Type w którym jest przekazywana informacja na temat typu MIME treści właśnie wysyłanej do klienta (przeglądarki).


Wracając do pierwotnego zapytania, co jest nie tak:
validator wskazuje na błedy

miedzy innymi: brak cudzysłowia w nazwie indentyfikatorów:
-id="header"
-id="navigation"
-id="content"

oraz niezamkniete tagi obrazków
Szaleniec nie jest człowiekiem, który utracił rozsądek. Szaleniec utracił wszystko, poza rozsądkiem.
JBG
 
Posty: 142
Z nami od: 17 marca 2005, 12:57
Lokalizacja: Dobre Miasto

Postautor: Gość » 04 lutego 2006, 23:11

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows 98; Maxthon)

Proprawiłem błędy wskazywane przez vadilator, nie rozumiem czemu "czepia" się linka w postaci typu index.php?lang=english&PHPSESSID=1e56cd4b3d9be13f1a08841970c222 są to sesje i nie widzę w tym nic niezgodnego.. Lub na przykład komentarz zamknięty w tradycyjny sposób --> jest również błędem..

Mimo zgodności ze standardami strona nadal wyświetla się niepoprawnie (news.php, reszty nie ruszałem).

Czy wie ktoś czym jest to spowodowane?
Gość
 

Postautor: athantor » 04 lutego 2006, 23:39

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl; rv:1.8) Gecko/20060114 Firefox/1.5

Anonymous pisze:Proprawiłem błędy wskazywane przez vadilator, nie rozumiem czemu "czepia" się linka w postaci typu index.php?lang=english&PHPSESSID=1e56cd4b3d9be13f1a08841970c222 są to sesje i nie widzę w tym nic niezgodnego..


Gdy ma się problemy z podstawami, warto przeczytać całość, a nie tylko obrazki oglądać ;-)

W3C Validator pisze:The most common cause of this error is unencoded ampersands in URLs


Przetłumaczyć, czy już widzisz błąd?

Anonymous pisze:Lub na przykład komentarz zamknięty w tradycyjny sposób --> jest również błędem..


A spróbuj może dodać WYMAGANE zamknięcia dla „<body>” i „<html>”?

Anonymous pisze:Mimo zgodności ze standardami


Ta… ;-)

Anonymous pisze:Czy wie ktoś czym jest to spowodowane?


…
Obrazek Obrazek
athantor
 
Posty: 911
Z nami od: 24 grudnia 2002, 15:22
Lokalizacja: Białystok

Postautor: Gość » 04 lutego 2006, 23:54

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows 98; Maxthon)

athantor pisze:
Anonymous pisze:Proprawiłem błędy wskazywane przez vadilator, nie rozumiem czemu "czepia" się linka w postaci typu index.php?lang=english&PHPSESSID=1e56cd4b3d9be13f1a08841970c222 są to sesje i nie widzę w tym nic niezgodnego..


Gdy ma się problemy z podstawami, warto przeczytać całość, a nie tylko obrazki oglądać ;-)

W3C Validator pisze:The most common cause of this error is unencoded ampersands in URLs


Przetłumaczyć, czy już widzisz błąd?
Dziękuję, teraz zauważyłem. Niestety ten element dodaje php przy tworzenu nowych sejsi. Nie mam pojęcia jak tym przypadku zmienić & w &amp;..

athantor pisze:
Anonymous pisze:Lub na przykład komentarz zamknięty w tradycyjny sposób --> jest również błędem..


A spróbuj może dodać WYMAGANE zamknięcia dla „<body>” i „<html>”?

No nie.. Że tego nie zauważyłem, to wstyd :(

Wytykacie mi błędy związane z poprawnością języka, ale mimo zmian problem nie został rozwiązany. Wydaje mi się, że chodzi tu o jakiś niuans..
Gość
 

Postautor: Zajec » 05 lutego 2006, 09:13

Przeglądarka: Opera/8.51 (X11; Linux i686; U; en)

Problem:
Linki wewnątrz #navigation mają wysokość większą niż rodzić.

Skutek:
Zawartość #content unika spotkania z linkami z #left i ustawia się na prawo od nich.

Rozwiązanie:
Z deklaracji #navigation wywalić height, a do CSS dodać:
Kod: Zaznacz cały
#navigation:after { display: block; clear: both; content: ""; }



P.S.
Zwiększ trochę szerokość #left, bo ja na Linuksie nie mająć czczionki dokładnie odpowiadającej Twojej czczionce mam menu w dwóch linijkach. Po prostu moja ma nieco szersze znaki i się nie mieści ostatni link "Lista pixeli".
Zajec
 
Posty: 167
Z nami od: 17 grudnia 2004, 22:32
Lokalizacja: Włocławek

Postautor: Gość » 05 lutego 2006, 14:21

Przeglądarka: Mozilla/4.0 (compatible; MSIE 6.0; Windows 98; Maxthon)

Dzięki :). W życiu bym sam do tego nie doszedł.. Mógłbyś na "ludzki" :) wytłumaczyć co robi ten kod:
Kod: Zaznacz cały
#navigation:after { display: block; clear: both; content: ""; }

Zmieniłem szerokość left, mógłbyś sprawdzić, czy teraz jest dobrze?
Czy byłoby problemem, abyś zrobił screena jak u Ciebie to wygląda?
Gość
 

Postautor: argasek » 05 lutego 2006, 23:37

Przeglądarka: Mozilla/5.0 (X11; U; Linux i686; pl; rv:1.8.0.1) Gecko/20060124 Firefox/1.5.0.1

Tak na marginesie, taka strona w Polsce już istnieje.

Czyżby dwa miliony pikseli? :lol:
Gentoo Linux 2.6.13-gentoo | http://Today.tekla.art.pl/ | JID: argasek@chrome.pl
argasek
 
Posty: 105
Z nami od: 21 lipca 2002, 21:12
Lokalizacja: Sol [0,0]


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Baidu [Spider], dexter, Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: