MozillaPL.org - polskie centrum Mozilli

autor: **typhoon5** » 06 listopada 2005, 16:22

Już drugi raz spotykam się z pewnym problemem przy używaniu warstw <div>. Inaczej rzecz jest interpretowana przez Operę i IE (na logikę właśnie tak powinno to wyglądać) a inaczej przez Firefoksa i "resztę". Na czym polega problem możecie zobacyć tutaj:

http://www.psavel.host.sk/test.html

W Firefoksie warstwa <div> różni się o grubość ramki, tzn. jak jest width 100px i ramka 1px to wygląda na 102px.

No więc pytanie: które przeglądarki wyświetlają to prawidłowo? Bo teraz moim rozwiazaniem jest detekcja przeglądarki, czego oczywiście chciałbym uniknąć.

Pozdrawiam,

autor: **rafalzaq** » 06 listopada 2005, 18:10

Padding chyba też się tak doliczał.

autor: **Zajec** » 06 listopada 2005, 20:05

Pominąłeś
- doctype
- html
- head
- body

Przeglądarki przełączają się w quriks mode - tryb zgodności z (za przeproszeniem) idiotycznie napisanymi stronami i wyświetlają jak popadnie. Zacznij od prawidłowego szkieletu i validatora.

autor: **typhoon5** » 06 listopada 2005, 20:25

Zajec pisze:Pominąłeś (...)

Niewątpliwie ;] Strona jest robiona tylko dla pokazania problemu, o czym świadczy choćby nazwa "test.html":] Problem mam m.in na mojej stronie http://www.tapecix.host.sk/saper/strona.php?action=wstep opartej na <div>-ach właśnie. I w miarę moich możliwości zgodnej ze standardami ;]

Zajec pisze:Przeglądarki przełączają się w quriks mode - tryb zgodności z (za przeproszeniem) idiotycznie napisanymi stronami i wyświetlają jak popadnie. Zacznij od prawidłowego szkieletu i validatora.

Nie sądze żeby to coś zmieniło, chciałem jedynie zapytać który zapis (lub "która interpretacja") jest zgodna ze standardami żeby się do tych standardów dopasować...

Pozdrawiam,

autor: **radek.kaba** » 06 listopada 2005, 22:16

typhoon5 pisze:Nie sądze żeby to coś zmieniło, chciałem jedynie zapytać który zapis (lub "która interpretacja") jest zgodna ze standardami żeby się do tych standardów dopasować...

Niestety, jeżeli chodzi o IE6 - to on nawetr przy deklaracji

Kod: Zaznacz cały: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

też przełącza się w TRYB ZGODNOŚCI Z IE5.01 (rocznik 1997!!!).
Jedynie (dla HTML4) deklaracja

Kod: Zaznacz cały: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

pozwala opanować nieco boxmodel misów bez tony hacków w CSS...

Aha zapomniełem o

Kod: Zaznacz cały: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

autor: **Zajec** » 06 listopada 2005, 23:28

Miałem na myśli strict doctype ;-)

Na innych nie wiem jak co działa.

Porobiłem testy z tym border i sprawa przestawia się następująco:
1) Firefox: border pojawia się wokół elementów i nie wpływa na faktyczną ilość przestrzeni przeznaczonej na zawartość. (czyli super)
2) Opera 8.5: dla zwykłych elementów blokowych border pojawia się wokół elementów i nie wypływa na faktyczną ilość przestrzeni na zawartość, jednak gdy chodzi o input to *niepawidłowo* Opera zmniejsza przestrzeń dla treści.
3) Opera 9: zupełnie jak FF (czyli super)
4) Konqueror 3.2.3: border dla elementów blokowych działa jak w FF (czyli super) zaś obramowanie dla input jest ignorowane
5) IE6: zupełnie jak FF (czyli super)

http://zajec.no-ip.com/border

autor: **typhoon5** » 07 listopada 2005, 16:09

Dzięki za pomoc, nie doceniłem <!DOCTYPE>, moja wina ;] Za to teraz poczytałem sobie co to jest i do czego służy - lepiej późno niż wcale ;] Strona jest już "podawana" niezależnie od przeglądarki i wygląda tak samo i o to mi właśnie chodziło... Jeszcze raz wielkie dzięki!

autor: **Zajec** » 07 listopada 2005, 17:08

Nie ma sprawy :-)

Pozwolę sobi jeszcze zapytać - czy to Ty zrobiłeś banner (anty?)ie na stronie http://www.psavel.host.sk/index.php ? Czytam ten tekst 5ty raz i się zastanawiam, czy jego treść jest na pewno zgodna z zamysłem?

autor: **typhoon5** » 07 listopada 2005, 19:00

Zajec pisze:Nie ma sprawy Pozwolę sobi jeszcze zapytać - czy to Ty zrobiłeś banner (anty?)ie na stronie http://www.psavel.host.sk/index.php ? Czytam ten tekst 5ty raz i się zastanawiam, czy jego treść jest na pewno zgodna z zamysłem?

Oops, myślałem że to już dawno usunięte ;] Kiedyś się zdenerwowałem bo jak jest kulturalnie podane ("Używasz IE, radzimy zmienić przeglądarkę. Dowiedz się więcej...") to nikt nie klika (i mi statystyki na spreadfirefox.com nie rosną

) No to walnąłem takie coś żeby ludzi zaintrygowało i co? Prawie wszyscy się skusili ;] Ale to tylko dla zabawy, na chwilę...

autor: **Stef** » 07 listopada 2005, 20:20

a mnie najbardziej się podoba takie rozwiązanie.

MozillaPL.org - polskie centrum Mozilli

Główne menu:

DIV: Gecko & KHTML vs. Presto & IE

DIV: Gecko & KHTML vs. Presto & IE

Kto jest online

Nawigacja:

Stopka: