suit: zentrieren und fixe bereiche

Beitrag lesen

wie wärs mit javascript?
wer den IE6 hat, hat meistens auch die javascripts ausgeschaltet und dann kommt die nervige warnung, für mich keine alternative.

also schnitt der statistiken die ich so kenne (rund 80 mittelgroße webseiten von kleinen und mittelständischen unternehmen) haben alle auch beim ie javascript vermehrt eingeschalten - war das eine schätzung oder hast du dafür belege?

auf die fixierung im ie6 ganz verzichten - die seite bleibt bedienbar, einige komfortfeatures sind weg
leider nicht ganz so einfach, da ich das padding des scrollbaren bereiches sehr hoch setze. sieht das ganze dann im IE6 sehr unschön aus

was hält dich davon ab, conditional comments?

die nutzt du zwar schon aber in kombination mit hacks - entscheide dich für hacks oder conditional comments - in deinem fall nutzt du häcks sogar (sorry) sehr dämlich indem du selektoren verwendest, die nur von modernen browsern angesprochen werden sollen um alte auszugrenzen anstatt dass du ein vernünftiges css für alle browser schreibst um dann genau für einen browser (ie6) ausnahmen zu definieren

es ist in deinem fall wahrscheinlich absolut nicht notwendig

im übrigen scheinst du z-index nicht richtig verstanden zu haben (da du aufsteigende nummern für dinge vergibst, die so zwar zwangsläufig übereinander liegen, aber nicht durch z-index)

zb center - egal was du diesem oder seinen kindelementen gibst, center wird immer unten drunter liegen

nav wird wahrscheinlich hinter head/footer verschwinden wenns blöd läuft, da scroll keinen z-index besitzt, die beiden erstgenannten elemente aber schon

folgend meine ausführlicheren überlegungen sehr stark vereinfacht, dann wird mein problem auch klarer.

wirds ansich nicht - ich habe grade (und auch sonst meistens nicht) keine lust elendslangen text in ein html-file zu kopieren und dann im browser anzuschaun, ein link zu einer live-demo wäre fein

---

zusammenfassend, schmeiss den css weg - dass du damit probleme haben wirst, alles so hinzubekommen, wie du willst ist sehr naheliegend

schreibe dein css so, dass es unter firefox, opera und safari funktioniert, unter ie7 idealerweise gleich funktioniert (das ist nicht so schwierig) und im ie6 bis auf position fixed funktioniert (etwas tricky, ist aber auch möglich)

dann überlege dir, ob du für den ie6 eine ausnahme (absolute statt fixed) deklarierst und zusätzlich ein javascript einsetzt um fixed zu simulieren

im übrigen rate ich dir nochmals von der vewendung von fixed ab - head und foot decken zusammen 220px der viewporthöhe ab - auf meinem angesprochenen nintendo ds hätte ich mit 192px viewporthöhe genau garnix zu sehen, auf einem durchschnittlichen pda mit sagen wir 320px höhe ist der lesebereich auch sehr "bescheiden"