Autor | Zpráva | ||
---|---|---|---|
Čuga Profil * |
#1 · Zasláno: 11. 8. 2007, 18:36:17
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 |
#2 · Zasláno: 11. 8. 2007, 21:57:57 · Upravil/a: Knopi
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) |
||
Časová prodleva: 8 dní
|
|||
Petroff Profil |
#3 · Zasláno: 19. 8. 2007, 12:38:27 · Upravil/a: Petroff
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> ============================================= |
||
Časová prodleva: 17 let
|
0