Autor Zpráva
Čuga
Profil *
prevadim si tak vesele grafickou podobu navrhu do html...

nejdriv ff, pak ie... vzdycky sem rozdily mezi ff a ie kompenzoval pomoci dedicnosti, kterou IE 6 neznal...

tentokrat bych rad sel jinou cestou a to pres tyhle komentarove srandy <!--[if lte IE 6]>...

ale ooooooouha... ono to nefunguje... zkopiroval sem si:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="default-ie.css" />
<![endif]-->

nasel sem to na webu kde to zrejme funguje...

pak ale vyvstava otazka proc to nefunguje... hraje nejakou roli poradi v jakem to je vypsane s ostatnim css??? neprijde mi..

stalo se to uz nekomu???
Knopi
Profil
vzdycky sem rozdily mezi ff a ie kompenzoval pomoci dedicnosti, kterou IE 6 neznal...
Jak si to kompenzoval? :o) V CSS je dědičnost vlastností napříč prohlížeči stejná.

Vytvoř si css soubor pro běžné prohlížeče a pro případné korekce v MSIE si vytvoř vlastní s podmíněným komentářem. Pan Bien to umí vysvětlit líp. :o)
Petroff
Profil
Pozor na pořadí (nezáleží jde-li o <link> nebo o vložené styly:<style></style>)
.... v podstatě se všechny definice seřadí do jednoho maxistylu (a u IE komentářů se vynechávají ty, které nevyhovují podmínce)
No a v tom maxistylu rozhoduje specifičnost a pak až pořadí
(výjimkou jsou !important)
(a specialními případy jsou "definice browserově závislé,např. hack POUZE PRO IE<IE7: * html xxx {....} )
*************************** Ukázka **********************************************
Např. u tohoto hypotetického dokumentu vznikne největší maxistyl je-li použit IE5:
(jasná chyba v pořadí definic <= styly pouze pro IE5 měly následovat až po obecných [IE<7])

_ MAXISTYL _ Browser _
....styly1............ all
.... <--styly2.css all
....styly3............ IE 5
.... <--styly4.css IE 5 or IE6 or IE4 . . .
.... <--styly5.css all
....styly6... all

============================================

<style>
....styly1...
</style>

<link rel="stylesheet" type="text/css" href="styly2.css" />

<!--[if IE 5]>
<style>
....styly3...
</style>
<![endif]-->

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="styly4.css" />
<![endif]-->

<link rel="stylesheet" type="text/css" href="styly5.css" />

<style>
....styly6...
</style>


=============================================

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: