ugrás a tartalomhoz

IE9 probléma

psita · 2012. Aug. 28. (K), 09.05
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!
 
1

child selector

Hidvégi Gábor · 2012. Aug. 28. (K), 09.39
Teljesen feleslegesen használsz child selectorokat, a legjobb példa erre:
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.
<div id="nav">
  <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.
2

OFF

csla · 2012. Aug. 28. (K), 10.01
És lehetne az egész papíron, mert akkor ott is el tudják olvasni, ahol még nincs elektromos áram... :)
3

Sőt

Hidvégi Gábor · 2012. Aug. 28. (K), 10.08
Akár barlang falán, és akkor őseink is megértenék : )
11

+1

Pepita · 2012. Aug. 29. (Sze), 03.03
A html és css kódod nagyon menő, a legújabb divat szerint készült, ...
Emiatt néztem meg, bár már meg van oldva. :)
4

HTML5

hunkris · 2012. Aug. 28. (K), 12.41
Annyi a HTML5 ebben az oldalban, hogy csodálkoztam, hogy nincsenek mikroadatok a guglinak. :D
7

Az még most készül :D

psita · 2012. Aug. 28. (K), 12.53
Az még most készül :D
5

UTF-8

Poetro · 2012. Aug. 28. (K), 12.46
Ahogy látom a tartalom UTF-8, valamint van BOM is. Viszont mind a 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.
6

Köszönöm :))

psita · 2012. Aug. 28. (K), 12.53
Erre nem jöttem volna rá. Most hogy localhoston futtatva megnéztem teljesen rendben van az egész. Ezer köszönet!
8

off: BOM és IE

Arnold Layne · 2012. Aug. 28. (K), 18.37
BOM és IE viszonylatban rossz emlékeim vannak. Úgy tudom quirks módba váltott, ha a doctype előtt volt bármi is. Például BOM. Ez így van még most is, vagy már javítva lett? Vagy nem is volt ilyen, csak én álmodtam egyszer rosszat?
9

IE5-től felfelé nem

hunkris · 2012. Aug. 28. (K), 18.57
IE5-től felfelé nem véletlenül van DTD. Ha BOM szarságok vannak előtte, akkor nem fogja értelmezni a doctype-t.
10

doctype előtti bom

Arnold Layne · 2012. Aug. 28. (K), 19.03
Márpedig ha nem értelmezi a doctype-t akkor kerül quirks módba és akkor lesznek az érdekes csuszkálások. Akkor jól emlékeztem.