Prohlizece.info
Prohlizece.info → Chyby prohlížečů: Internet Explorer 6 má problémy s CSS selektorem :first-letter
Anketa: Google Chrome 0.2 beta vs Opera 9.6 pro účely seminární práce
Chyby prohlížečů: Internet Explorer 6 má problémy s CSS selektorem :first-letter
Dnes začínáme seriál o chybách v zobrazování (X)HTML + CSS v prohlížečích. Dnes začínáme s CSS selektorem :first-letter a podíváme se i na problémy Internet Exploreru 6 s pseudo selektory.
CSS selektor :first-letter by měl v prohlížeči zajistit to, že pro první písmenko daného tagu můžete nadefinovat vlastní styl. Klasickým příkladem je zvětšení prvního písmena:
//CSS
p{font-size:1em}
p:first-letter {font-size:2em}
//HTML
<p>Toto je odstavec, ve kterem bude prvni pismeno "T" dvojnasobne oproti ostatnim pismenum.</p>
První problém u IE6 nastává tehdy, pokud chcete first-letter použít u tzv. inline tagů, tyto tagy mají defaultně nastavenu hodnotu display:inline. Pokud je ale nastavena hodnota na inline, IE6 first-letter naprosto ignoruje. Nejmarkatnější je to u tagu <a>. Jediným řešením je nastavit tagu hodnotu display:block.
Druhá chyba se netýká pouze selektoru :first-letter, ale obecně všech pseudo selektorů. Nejlepší pro prezentaci bude rovnou příklad:
//CSS
p.dobre:first-letter {color:green}
p.spatne:first-letter{color:green}
//HTML
<p class='dobre'>Prvni pismeno v IE6 bude zelene</p>
<p class='spatne'>Prvni pismeno v IE6 nebude zelene</p>
A v čem tedy spočívá ona chyba? Je to naprosto jednoduché, pokud za dopsaním pseudo selektoru neuděláte mezeru, selektor nebude v IE6 aplikován.
Tato chyba byla potvrzena pouze ve verzi 6. Dřívější aní pozdější verze tuto chybu neobsahují.
Zdroj: CrankyGeek
Další články
- Statistiky Prohlizece.info - říjen 2007
- Chyby prohlížečů: Internet Explorer 6 má problémy s CSS selektorem :first-letter
- Končí migrace z Internet Exploreru 6 na 7?
- Firefox slaví třetí narozeniny
[1] Pavel Krusek 01.01.2008 v 19:44
Tak mezera za pseudoselectorem je opravdu alchymie, neskutecne. Diky.
O webu | Mapa stránek | Prohlášení o přístupnosti | ISSN 1802-3584
Copyright © Jan Mikula (2005 - 2009) - Qexy Design