IE7 a problémy s CSS hacky

13. říjen 2005 | Webdesign | Komentováno: 14×

Tak už je to tady! Markus Mielke na IEblogu varuje před používáním některých CSS hacků na stránkách a to z jednoho prostého důvodu – MSIE 7 je nebude podporovat.

Tedy spíše apeluje na to, aby vývojáři přepsali tyto své konstrukce, jinak se jejich stránky budou špatně zobrazovat v novém prohlížeči Microsoft Internet Explorer 7 (pokud hacky používáte v QUIRK módu, pak se nemusíte bát, ten by měl být zpětně kompatibilní).

Jedná se zejména o následující hacky:

html > body
* html
head:first-child + body
head + body
body > element

Jedním z možných řešení je používat podmíněné komentáře:

<!--[if IE 5]>
HTML kód pro MSIE5 (např. include stylu pro MSIE)
<![endif]-->

Já osobně jsem se vždy snažil hackům vyhnout a doposud jsem jej nemusel použít (vždy jsem si našel jiný způsob, jak docílit téhož), takže mi tato novinka práci nepřidala. A co vy, jak jste na tom?

Zdroj: Call to action: The demise of CSS hacks and broken pages

facebook | twitter | del.icio.us | linkuj | jagg | vybrali.sme.sk Ulož odkaz

Související články

Komentáře

1
rADo
13 říjen 2005, 14:20

„MSIE 7 je nebude podporovat“ – a právě proto je vhodné tyto hacky používat, MSIE 7 bude implementovat správně CSS, a nebude obsahovat ani chyby v * html, takže se pro něj bude dát psát stejně jako pro Operu a Firefox, a ony hacky tam dále budou pro MSIE 6 a nižší ;-)

 
2
rADo
13 říjen 2005, 14:21

PS: pokud nepoužíváš hacky, znamená to, že umíš jen základy CSS, já ale používám třeba #divcomments h3+ol>li>p>span:fir­st-child ;-) a to MSIE fakt nezkousne, a je nutno mu hackem * html dát ořezanější verzi

 
3
Llaik
13 říjen 2005, 14:55

Ja bych rekl, ze nepouzivani hacku muze znamenat dve veci: 1] nedostal se jeste do streniho stadia znalosti 2] prekrocil stredni stadium znalosti

faktem je, ze hacky jsou dost cesta do pekel. Pouzil jsem je pouze z donuceni „zadavatelem“, a byly jednim z duvodu, proc jsem dal s usmevem na rtech html+cssku sbohem a resim v radeji jine veci.

 
4
rADo
13 říjen 2005, 14:57

@Llaik – psát bez hacků znamená psát na úrovni MSIE 6. Pokud chci pro Firefox a Operu a MSIE 7 lepší web, hacky jsou nutnost. Pokud to nechci, hacky používat nemusím. Kdo zná CSS na úrovni MSIE 6, hacky nepoužívá, protože nemá dovůd ;-)

 
5
David Špinar
13 říjen 2005, 15:01

No, rADo, to to trochu zjednodušuješ. Například hack proti peekabo bugu musíš občas udělat, i když žádnou vychytávku pro Operu/Firefox nepotřebuješ. O Matrjoškách ani nemluvě.

 
6
Petr Václavek
13 říjen 2005, 15:05

[1] Tím že nebude podporovat hacky jsem měl na mysli to, že bude ony zmíněné pravidla interpretovat – což je ta změna, která může způsobit rozhození designu celé stránky – viz příklad ve zmíněném citovaném článku

[2] no s touto implikací jsi trochu mimo.

 
7
shubin
13 říjen 2005, 23:28

hm. jestli se nepletu, tak je to porad placani do vody, protoze nikdo nevi presne, jake veci a za jakych podminek budou podporovane. coz je docela na pytel.

[2] a o tom to je. co kdyz IE 7 bude umet tuhle posloupnost na vybornou, ale kvuli hacku dostane orezanou verzi (nebo nedejboze naopak)?:(

diky za pekny clanek, resp. upozorneni

 
8
Ľuboš Kmeťko
14 říjen 2005, 12:46

Pripada mi, ze sa okolo toho na internete strhol trochu velky povyk. Staci predsa styly pre IE6 a nizsie pripajat cez podmienene komentare a mate to uplne pod kontrolou. Samozrejme hacky v hlavnom CSS, ktore predpokladaju, ze IE momentalne nepozna nejaky inak regularny selektor, su blbost.

Podla mna ale bez hackov pre IE6 a nizsie to ide len malokedy. Ako inak napr. zjednotit rozdielny box model v starych verziach IE. Matrioska je podla mna hlupost, naco mat v HTML nadbytocne prvky, ked to mozem jednoducho hacknut.

 
9
Ľuboš Kmeťko
14 říjen 2005, 13:12

rADo to vystihol v prvom komentari – rozhodený dizajn by nastal len v tom pripade, ak by IE7 poznal dany selektor/hack, ale stale by tie opravovane veci implementoval inak ako FF alebo Opera. To bude asi len vo velmi specifickych pripadoch, akym je aj ten priklad v clanku. Kazdopadne – podmienene komentare a ste za vodou.

 
10
Tondys
2 únor 2006, 08:11

Podminene komentare jsou v pohode, pouzivam je temer od zacatku. Spis by mne zajimalo, jak budu testovat, jak se zobrazuje stranka v IE7 a jak v IE6? Nemuzu preci pokazde IE7 odinstalovavat, abych ji optimalizoval pro IE6. Navic ted uz budu muset pouzivat 4 CSS soubory, nejmene 3. A to bude optimalizace jen pro operu, gecka a iecka..

 
11
Petr Václavek
2 únor 2006, 10:56

No ja myslím, že to nějak půjde. Vyzkoušejte ten samý fígl, co platil na instalaci více verzí MSIE – viz článek Multiple MSIE

Mohlo by to tak fungovat i s MSIE 6 a 7. Osobně jsem ještě sedmičku nezkoušel, ale brzy se na ni vrhnu.

 
12
qqq
28 duben 2007, 18:38

No je to sice už dávno offtopic diskuze, ale co tady někteří „taky webdesignéři“ píšou to mi hlava nebere. Ke každému cíli vede spousta cest a jen pokud jste lopaty tak Vás to nutí používat hacky (ano je to jednodušší cesta a u třeba u peekaboo ani nic jiného nezbývá, ale naštěstí řešení je plně validní). A tvrdit, že je někdo neznalý, když hacky nepoužívá je asi jako tvrdit, že kdo nechodil do mateřské školky nevystuduje vysokou. Spousta hacků se dá obejít aby byl dokument nejen (X)HTML ale i CSS validní. Takoví diskutují ve stylu „já jsem ten nejlepší a na mě nemáš“ mě opravdu vždy rozesmějí, většinou neuměj zdaleka tolik jak se tváří a píšou stylem copy & paste. Jojo takových mám i kolem sebe hodně a 95% diskutujících tady jsou „taky webdesignéři“.

Takže opravdu ze srdce přeji spousty nových hloupých klientů, které zahrnete svými dokonalými weby.

 
13
KEiTH
20 únor 2009, 21:08

Je vidno že si nikdy nemusel písať hacky, lebo robíš web pre IE. Ale keď si pozrieš aj túto stránku v IE a vo FF tak tam uvidíš rozdiely. Vo FF je to rozhádzané. A táto stránka je z hľadiska estetiky dosť jednoduchá…

 
14
Petr Václavek
20 únor 2009, 21:53

[13] Věř mi, že běžně dělám web pro všechny prohlížeče – podívej se do mých referencí a vyzkoušej si ty weby v různých prohlížečích.

Tento blog je výjimka – layout jsem použil z nějaké šablony, protože jsem si tenkráte s TextPatternem jen hrál a pak už jsem neměl čas to předělat (kovářovic kobyla…). Ale jednou i na tento blog dojde.

P.S. Když se tak nad tím zamýšlím, tak jsem snad žádný hack ještě pořádně nikde nepoužil. Vždy to šlo udělat jinak.

 

Přidej komentář

Pište prosím slušně, s diakritikou a k věci. Dodržujte pravidla a využijte možnosti formátování uvedená pod formulářem.

Email nebude zveřejněn

Pravidla a možnosti formátování

  • Nepoužívejte HTML značky, blog podporuje formátování texy. Nový odstavec získáte 2x odřádkováním, odkaz: "text odkazu":odkaz, **tučně**, *kurzíva*
  • Adresy začínající na http:// budou automaticky převedeny na odkazy
  • Jediné dvě povinné položky formuláře jsou Jméno a zpráva
  • Na předchozí komentáře odkazujte zápisem [2]

 

Sekce

Náhodný snímek


Franta

Zajímavé odkazy

jPlayer
jQuery audio player plugin pro vaše stránky - lze snadno nastylovat, obsahuje i čistě textovou verzi a vypadá dobře.

[JavaScript]

Better drop shadows
Jednoduchá technika jak udělat ve Photoshopu realističtější stíny.

[Photoshop]

13 Simple CMS Options
Tipy na jednoduché redakční systémy, které mnohdy nepotřebují ani databázi.

[CMS systémy]

Nejlepší jQuery lightboxy
Článek s přehledem lightboxů založených na knihovně jQuery.

[JavaScript]

jQuery News Ticker
Docela pěkný a jednoduchý news ticker pro jQuery. Právě jsem ho použil na jednom webu.

[JavaScript]

Pixlr
Online grafický editor - něco jako ořezaný Photoshop, který běží na webu.

[Grafika]

CSS Mania
Další galerie vizuálně přitažlivých stránek s velkým množstvím rozličných kategorií.

[Inspirační weby]

Javascript beautifier
Online zpřehledňovač (nástroj na přeformátování) javascriptového kódu - hodí se pokud máte zoptimalizovanou verzi skriptu (bez indentace, mezer, odřádkování) a potřebujete se v něm alespoň trochu vyznat.

[JavaScript]

Vector Magic
Asi nejlepší nástroj na konverzi bitmapy na vektor (převod do křivek). Kam se na něj hrabe Adobe Illustrator. Tento nástroj je navíc online na stránkách a zdarma!

[Illustrator]

Golden Ratio Calculator
Nástroj pro výpočet "zlaté šířky" dvou sloupců v layoutu (založené na zlatém řezu)

[Tvorba stránek - návody, nástroje]

Další odkazy →