|
|||
Conditional Comment wird als Text dargestellt
Tachchen,
ich hab hier grad ein Projekt am Werk, wo ich einen fixen Footer realisieren soll. In dem Footer befindet sich später das Logo, daher soll der footer immer am unteren Viewport stehen, egal wie lang der Content ist. Die Navi auf der linken Seite und der Header dürfen und sollen aber nach oben wegscrollen. Das macht den Fall etwas anders als z.B. hier, wo nur der Contentbereich gescrollt wird: stu nicholls | CSS PLaY | cross browser fixed header/footer/left column layout scrolling middle area Ich hab "meine" Lösung prinzipiell mit demselben workaround erstellt, dass der IE also im Quirksmodus die Elemente absolut positioniert bekommt, die ansonsten einfach mit position:fixed an der richtigen Stelle stehen. Komischerweise wird der Conditional Comment direkt angezeigt, wenn längere Inhalte gescrollt werden, es erscheint oben links "<!--[if lte IE7]><![endif]-->" im IE. Ein Screenshot: Sowas hab ich noch nie gesehen. Was ist der Grund? Beispiel zur Ansicht |
Sponsored Links |
|
|||
Danke und Frage zu x-Scrolleiste im IE
Danke Fricca, die Lösung kann so einfach sein...
Ich hab da aber nochwas, das ich etwas unschön finde. In meinem Beispiel ist der Navi- und Headerbereich (#nav und #head) nicht fix. Dadurch können diese bei langem content nach oben weggescrollt werden. Um alles ausser dem footer ist #wrap welches mit overflow:auto dann scrollbar ist. Der Footer liegt aber vom z-index her über #wrap, das ist auch nötig, damit bei kleiner Viewporthöhe die Navi den footer nicht verdeckt. Ich kann den linken Teil von #footer auch nicht in #nav einbauen, da #nav ja nach oben wegscrollen soll, der footer aber fix sein soll. Im IE würde das nun zu einem verdecken der x-Scrolleiste von #wrap führen, wenn man den Viewport schmaler macht. Um dies zu verhindern hab ich den footer 16px über bottom positioniert und #wrap overflow-x: scroll; mitgegeben, so dass bei ausreichend breitem Viewport unterm footer nicht eine durchsichtige Lücke auf den content entsteht. Dadurch ist im IE aber immer die Scrolleiste zu sehen. Ich finde es zwar nicht so schlimm, aber auch nicht super... Könnte man das anders lösen, so dass die x-Scrollleiste im IE erst erscheint wenn der Viewport zu schmal wird und dabei nicht vom footer verdeckt wird? Hier Screenshots zur Ansicht: |
|
|||
das wär in der Tat ein Versuch. Sollten User die Scrollbalken doppelt so gross haben, wäre dieser aber wenigstens nicht komplett verdeckt und somit noch nutzbar.
Richtig optimal ist das natürlich nicht, aber ich kenne bisher keinen Fall aus der Praxis wo IE-User JS deaktiviert haben. Insofern bin ich bei verzwickten Situationen nicht abgeneigt sowas für den IE einzusetzen. |
|
|||
Scrollbar für den IE per JS dynamisch einfügen
für interessierte hier die Lösung für den IE mit JavaScript
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |