IE9 probléma
Sziasztok!
Kezdő weblapkészitő vagyok, ezért még van jó pár dolog a témábam amivel nem vagyok teljesen tisztában. Tegnap készítettem egy oldalt amit folyamatosan néztem Firefoxban, Chromeban, Operában és IE8ban. De amikor egy másik gépen megnéztem IE9ben a design nagy része szétesett. Megnéztem hogy IE9 mit támogat és a child selectort amit én használtam elméletileg igen. Az alábbiakat olvastam fórumokon, hogy ezek megoldhatják a problémát: HTML5 Shiv, Modernizr, de egyik sem működött.
A honlapot ideiglenesen feltettem egy ingyenes tárhelyre: kettlebellz.atw.hu
Ha valaki tudna segíteni, hogy hogyan oldjam meg a problémát, azt előre is köszönöm!
■ Kezdő weblapkészitő vagyok, ezért még van jó pár dolog a témábam amivel nem vagyok teljesen tisztában. Tegnap készítettem egy oldalt amit folyamatosan néztem Firefoxban, Chromeban, Operában és IE8ban. De amikor egy másik gépen megnéztem IE9ben a design nagy része szétesett. Megnéztem hogy IE9 mit támogat és a child selectort amit én használtam elméletileg igen. Az alábbiakat olvastam fórumokon, hogy ezek megoldhatják a problémát: HTML5 Shiv, Modernizr, de egyik sem működött.
A honlapot ideiglenesen feltettem egy ingyenes tárhelyre: kettlebellz.atw.hu
Ha valaki tudna segíteni, hogy hogyan oldjam meg a problémát, azt előre is köszönöm!
child selector
footer > #center { ...
- mivel csak egy center id-jű elemed lehet az egész html-ben, emiatt elég ennyi:
#center { ...
nav > ul > li > a
A > child selector definíciója:
E > F Matches any F element that is a child of an element E.
Ha átnézzük a html kódot, teljesen felesleges ebbe a stílusdefinícióba > jeleket rakni, mert egy darab <nav> elem van az oldalon, és azon belül egy darab <ul>, azon belül csak <li>, és azokon belül <a>. Tehát a következő tökéletesen ekvivalens vele:
nav a
Ez nem csak egyszerűbb, hanem gyorsabb is. Ha azt szeretnéd, hogy minden böngészőben jól működjön, a nav, header, footer stb. elemeket cseréld le nyugodtan divekre.
<ul>
...
#nav ul {
text-transform: uppercase;
...
}
A html és css kódod nagyon menő, a legújabb divat szerint készült, de igazából a dizájnban semmi olyan nincs, ami akár egy IE 5.0-ban sem működne, azaz ugyanannyi munkával, amit eddig befektettél, működhetne sokkal több böngészőn.
OFF
Sőt
+1
HTML5
Az még most készül :D
UTF-8
meta
elem, mind pedig a HTTP fejléc ISO-8859-2-t sejtet. Ennek okán az oldal quirks mode-ban jelenik meg, ami elrontja a tartalom megjelenését.Köszönöm :))
off: BOM és IE
IE5-től felfelé nem
doctype előtti bom