HTML

Internet Explorer és HTML5

2010.08.06. 16:01 sDavid

Sajnos Internet Explorerben, nem minden úgy működik, mint ahogy azt szeretnénk, ezért kell egy kis fabrikálás, hogy működjenek az új html5 elemek.

All elements, by default, have a display of inline.

Ezt orvosolni tudnánk CSS segítségével:

header, footer, article, section, nav, menu, hgroup {
  display: block;
}

Az egyetlen probléma az az, hogy az IE nem ismeri a <header> elemet, így JavaScript -tel kell rásegítenünk.

document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");
document.createElement("menu");

Ezzel így már működni fog, de ezt minden oldalon el kell játszanunk, így egyszerűbb, ha a fejlécbe beszúrjuk az alábbi kódot:

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Remy Sharp készítette ezt a kódot, amit végül a googlecode oldalán véglegesítettek.

Szólj hozzá!

Címkék: hack internet explorer html5

A bejegyzés trackback címe:

https://valid-html5.blog.hu/api/trackback/id/tr792203847

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

Nincsenek hozzászólások.
süti beállítások módosítása