Různé prohlížeče

V čem je problém - Proč to tak je - Současné prohlížeče - Standard, nebo optimalizace? - Metoda pokusu a opravy - Metoda znalostí verzí HTML - Rozlišení obrazovky - Konkrétně

V čem je problém?

Stejná stránka se může v různých prohlížečích zobrazit diametrálně odlišně. Začínající Internetoví autoři na to nejsou psychicky připraveni, ale je to opravdu tak. Na Internetu nevím, jaký prohlížeč můj čtenář používá, proto nemá cenu specializovat se na jeden typ prohlížeče a stránky ladit jen pro něj. Pokusím se nastínit nejčastější problémy a jejich řešení. Ale napřed krátký historický úvod.

Proč to tak je

Internet se vyvíjí neuvěřitelně rychle. Podobně dynamicky se přetvářel jazyk HTML, tak aby umožňoval zařazovat do stránek nové a nové věci. 

Je zřejmé, že starší prohlížeče neumožňovaly stejné zobrazení stránek jako prohlížeče moderní, protože v době vzniku starších prohlížečů se prostě nevědělo, jak se budou stránky psát za pár let. Něco samozřejmě zůstalo stejné, ale novější, složitější věci a nové tagy staré prohlížeče zobrazovat neumějí. A je tu ještě další problém:

Kromě oficiální verze jazyka existují různé návrhy na jeho rozšíření. Výrobci prohlížečů (zejména Microsoft) se snaží do svých prohlížečů zabudovat podporu nestandardních věcí, které jsou teprve v návrhu. (Snaží se, aby weboví autoři tvořili stránky hlavně pro jejich prohlížeč a nabízejí jim při tom nové možnosti.) Čili jazyk HTML je vlastně závislý na prohlížeči, který používá čtenář (klient).

Současné prohlížeče

Internet Explorer

Podle mých zkušeností používá dnes kolem osmdesáti procent českých čtenářů prohlížeč Internet Explorer od Micro$oftu ve verzi 4 nebo 5 (které se od sebe moc neliší). Občas se objevují i trojkové verze Exploreru, zejména jako relikty na počítačích z let 1995 a 1996.

Netscape

Netscape Navigator (nebo teď se říká Comunicator) používá velmi malá část zbylé Windowsové komunity, ale ti, kteří preferují dnes stále oblíbenější Linux, mají bez výjimky Netscape, protože na Linuxu Explorer neexistuje. To znamená, že na Netscape nelze zanevřít. Kromě na svou dobu fantastických druhé a třetí verze (které se ještě mnohde používají, zejména na vysokých školách) existuje mnoho podverzí čtyřky.

V roce 2001 se objevila verze 6, která vychází z jádra Gecko. Chová se bez výjimky stejně jako Mozilla 5.

Alternativní prohlížeče

Standard, nebo optimalizace?

Kdo dělá internetové stránky, dostane se velmi brzy před dilema:

Většina amatérů volí druhý postup, někteří z nich dokonce napíší "tyto stránky jsou optimalizovány pro ten a ten prohlížeč". Uživatelé ostatních nechť si trhnou nohou, já za nic nemohu.

Pokud by bylo na výběr jen mezi těmito dvěma přístupy, bylo by dobré držet se jednoduchých, standardních postupů a žádné šílenosti do stránek nezařazovat. Naštěstí existují i jiné cesty.

Metoda pokusu a opravy

Autor udělá krásné stránky optimalizované pro jeden prohlížeč a pak si to zkouší zobrazovat v jiných. Najde-li chybu, nějak ji opraví. To je výborná metoda, leč příliš pracná.

Metoda znalosti verzí HTML

Autor, který ví, co může a nemůže použít, je na tom nejlépe. Pokud vytvoří na stránce něco, co by se ve starších prohlížečích zobrazilo špatně, udělá to tak, aby se v nich zobrazilo alespoň něco. Nejlépe je využít přitom CSS styly. Je to těžké na znalosti, ale jediné všeobecné.

Rozlišení obrazovky

Když dělám důkladněji upravené stránky, často brečím nad tím, že nevím, jaké rozlišení bude můj čtenář používat. Mám dělat pro rozlišení 1024 bodů na řádek nebo jenom 800? Nebo méně? Jsou jen čtyři způsoby řešení, každý má ale chyby.

  1. Nedělat důkladně graficky upravené stránky nebo je dělat tak šikovně, aby na šířce nezáleželo (udělat je "gumové").
  2. Nějakým skriptem si zjistit, jaké rozlišení klient používá a přepnout jej na danou stránku. Chce to mít více verzí stránky a dobrého programátorského ducha. Špatně se to aktualizuje, neb je třeba měnit více stránek najednou.
  3. Uzavřít celou stránku do tabulky s pevnou šířkou (nejčastěji 760 bodů). Mnohem pomaleji se to zobrazuje a je s tím více práce. Odporuje to duchu HTML.
  4. Udělat stránku "optimalizovanou" pro určité rozlišení, ostatní ať si trhnou nohou.

Závěr: doporučuji přístup číslo jedna, pokročilejším tři (tabulku).

Konkrétně

Mám zkušenosti s několika prohlížeči. Pokusím se popsat, co který podporuje. Bez záruky, jsem amatér a dělám jenom pokusy.

Verze 3.x 4.x 5.x, 6.x
Typ NN IE Internet Explorer 
4, 5 a 6
NN 4 Opera Mozilla. Netscape 6
Rámy Ano Ano Ano Ano Ano Ano
Tag IFRAME Ne Ano Ano Ne! Ano Ano
Colgroup Ne Ano Ano nevím Ne Částečně
JavaScript Ano Částečně Ano Ano Částečně Špatně
VBScript Ne Ano Ano Ne Ne Ne
Java applety Ano Ano Ano Ano Volitelně   Ano
DHTML Ne Ne Ano Ne Ne Ne
CSS styly Ne Chybně Ano Trošku chybně Ano Výborně
Styl margin Ne Chybně Ano Špatně Ano Ano
Styl display Ne Ne Ano Divně Ano Ano
Grafické filtry Ne Ne Ano Ne Ne Ne
Tag "div" s atributy Částečně Ano Ano Ano Ano Ano
CSS pozicování Ne Ne Ano Ano Ano Ano

Prohlížeče IE 4, 5 a 6 se kromě detailních rozdílů v zobrazení blokových CSS stylů v ničem neliší. Obecně lze říci, že IE 5 a 6 je v podpoře CSS o dost lepšínež čtyřka.

Toto je konec základního kurzu. Předchozí: Editory
Vizte též: formátovací chyby, úplné začátky, design pomocí tabulek, zápis stylu pro různé prohlížeče, omezení CSS

Doporučené pokračování: Obrázky nebo Odkazy nebo Tabulky nebo Rámy nebo CSS

Píše Yuhů
dusan@pc-slany.cz
mail formulářem
Jak psát web O tvorbě, údržbě a zlepšování internetových stránek.

Základy HTML CSS FrontPage Hledání

Obsah

Hlavní stránka

Novinky

FAQ

Download

Zdroje

Hledání


Rozšířené

Základní kurs

Jak udělat stránku

Základy HTML

Publikování

Zásady psaní

Editory

Různé prohlížeče

Editory

FrontPage 2000

FP Editor 98

Word 97

FrontPage Express

HTML tipy

Příprava obrázků

Obrázky

Pozadí

Odkazy

Vychytávky odkazů

Záložky

Aktivní mail

Tabulky

Úprava tabulek

Novinky tabulek

Design tabulkami

Rámy

Formátování rámů

Rámy nepoužívat

Iframe

Formuláře

Formuláře v HTML

Dokonalé formuláře

Zápis barev

Definice

Formátovací chyby

Jak udělat levé menu

Vytěžování stránek

Provoz webu

Rychlost stránek

Vzdálené služby

Vyhledávače

Katalogy

Správa souborů

Ikona stránky

Obsah / forma

Čeština

Chyby češtiny

Tabulky kódování

Meta tagy

Nastavení serveru

Programování stránek

Začátky PHP

Možnosti PHP

Používání prohlížeče

CSS styly

CSS styly

Úvod do CSS

Struktura textu

CSS prakticky

PŘEHLED VLASTNOSTÍ CSS

Složitější deklarace

Délkové jednotky

Pozicování

Sloupce pozicováním

Okraje objektů

Odlišení prohlížečů

Omezení CSS

Odlišný tisk

Dynamické HTML

Filtry

Příklady filtrů

Různé barvy odkazů

Barva rolovací lišty

 


Jak psát web: http://dusan.pc-slany.cz/internet/

Píše Yuhů: autorova stránka, mail: dusan@pc-slany.cz

Poslední aktualizace 21.12.2001