Skocz do zawartości

Różnice w wyświetlaniu strony FF2 i FF3

adby

Przez adby
w HTML i CSS

Rekomendowane odpowiedzi

adby Newbie

adby

Opublikowano
Opublikowano

Witam,

otóż mam problem z wyświetlaniem strony na różnych wersjach przeglądarki FireFox.

Może podam przykład:

FF 2.x

ff2f.jpg

FF 3.x

ff3l.jpg

Ale to nie jedyny element który się źle wyświetla. Generalnie w FF 2.x niektóre elementy wyświetlają się jako "przesunięte w dół".

Zaznaczam że to na FF 3.x wszystko wyświetla się poprawnie, a na FF 2.x są błędy.

IE, Chrome, Opera wyświetlają poprawnie.

Jakieś pomysły, podpowiedzi?

Z góry dzięki.

Odnośnik do komentarza
Udostępnij na innych stronach
adby Newbie

adby

Opublikowano
  • Autor
Opublikowano

@kikasek - akurat w tym przykładzie co podałem, to różnica bardzo rażąca nie jest, ale to nie tylko ten jeden przypadek, inne wyglądają o wiele mniej "estetycznie", dlatego trzeba cośz tym zrobić :)

@shpyo - nie miałem zresetowanych, zresetowałem i... dalej to samo :D

Odnośnik do komentarza
Udostępnij na innych stronach
slawek22 Newbie

slawek22

Opublikowano
Opublikowano
Sprawdz jak wygląda pod innym doctype.

DTD XHTML 1.xx

DTD HTML 4.xx

Bo inaczej interpretują padding i border.

Loool :)

Inny box model dla XHTML i XHTML, chyba sobie robisz jaja :) Oba modele absolutnie wszystko (nie tylko BOX) interpretują tak samo (chyba, że błędnie wpisałeś przy którymś doctype). Nawet nie ma drugiego standardowego modelu BOX, więc skąd miałyby się wziąć dwa odrębne modele po jednym dla standardowego XHTML i HTML.

Edit: po prostu w FF masz po elemencie span przejście do nowej linii, jeśli element z float: right nie jest umieszczony przed tym elementem.

Rozwiązanie: przenosisz <ul id=send_error przed <p>znajdujesz się w</p> lub dodajesz:

float: left;

do stylu:

#localizer p, #location, #location li

Jak chcesz mieć taką samą interpretację w możliwie największej liczbie browserów to zawsze element z FLOAT w tym samym bloku musisz dać na początek (przed elementami inline i block BEZ FLOAT)

Odnośnik do komentarza
Udostępnij na innych stronach
yavaho Newbie

yavaho

Opublikowano
Opublikowano
Loool :)

Inny box model dla XHTML i XHTML, chyba sobie robisz jaja B)

Prosze bardzo, otworz sobie pod IE jeden i drugi przyklad.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<style>
.box{
width:200px;
height:200px;
padding:50px;
border:20px solid #eee;
}
</style>
</head>
<body>
<div class="box">tekst</div>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style>
.box{
width:200px;
height:200px;
padding:50px;
border:20px solid #eee;
}
</style>
</head>
<body>
<div class="box">tekst</div>
</body>
</html>

.

Odnośnik do komentarza
Udostępnij na innych stronach
slawek22 Newbie

slawek22

Opublikowano
Opublikowano

https://www.communitymx.com/content/article.cfm?cid=85fee

What does a correct doctype look like?

A complete doctype tells us first that it is a doctype and what kind of document to expect. Then it also contains a public identifier and a system identifier, sometimes referred to as "with URI" or "with address."

Start: <!DOCTYPE HTML PUBLIC

Public identifier: "-//W3C//DTD HTML 4.01//EN"

System identifier: "https://www.w3.org/TR/html4/strict.dtd">

Fajna tabelka: https://hsivonen.iki.fi/doctype/

1.] Teraz sobie popatrz na: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> wszystko quirks (tryb kompatybilności z IE). Czyli mógłbyś tego doctype tak na prawdę nie deklarować bo przeglądarki tego nie rozpoznają, źle zadeklarowany doctype. (prawy myszy w firefoxie - widzisz tryb wstecznej zgodności)

2.] Zamiast tego musisz użyć:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">

W wszystkich przeglądarkach rozpoznawany jako HTML 4.01 Strict. Dobrze zadeklarowany doctype. (prawy myszy w firefoxie - widzisz tryb standardów)

3.] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

To przeglądarki rozpoznają jako STRICT, więc jeśli w przykładzie 2 zamienisz swój doctype na

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">

to na 100% zobaczysz, że HTML i XHTML się renderują dokładnie tak samo (jeśli tylko doctype zadeklarujesz tak jak "chcą" przeglądarki).

Po prostu trzeba się upewnić czy doctype jest prawidłowo rozpoznawany przez przeglądarki podczas deklaracji.

Odnośnik do komentarza
Udostępnij na innych stronach
yavaho Newbie

yavaho

Opublikowano
Opublikowano

Czyli? Są te róznice w interpretacji styli w różnych doctype widoczne czy dalej nie? Bo tylko o tym napisałem.

Jezeli poda się dokładny link do odpowiedniego identyfikatora DTD to wtedy dopiero można zmusić przegladarke do interpretacji styli według jakiegoś tam standardu. Ale jest też mozliwośc podania własnego identyfikatora :)

2.] Zamiast tego musisz użyć:

Dlaczego piszesz że musze użyć? To nie jest nigdzie wymagane.

Oczywiście uzywa tego ten kto już jest swiadomy że bez tego mogą wystapić róznice w interpretacji styli.

.

Odnośnik do komentarza
Udostępnij na innych stronach
slawek22 Newbie

slawek22

Opublikowano
Opublikowano

Jeśli tak na to patrzeć to w sumie racja.

Jednak jeśli przeglądarka rozpozna DOCTYPE poprawnie to nie ma znaczenia czy HTML czy XHTML, oba będą renderowane dokładnie tak samo.

Dlaczego piszesz że musze użyć? To nie jest nigdzie wymagane.

Przeglądarki tego wymagają, o to już trzeba pytać twórców browserów :)

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności