Autor |
Nachricht |
emorikaner
Threadersteller
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 09.06.2011 15:44
Titel [CSS] IE8 mit :after und position:fixed nicht wirklich fixed |
|
|
Kann mir jemand bestätigen, dass der rote Header nicht fix in IE8 ist ?
http://jsfiddle.net/2UVMW/
Wenns wirklich so ist, gibts da ein Workaround/Hack ?
EDIT: in IE9 scheint es zu gehen.
Zuletzt bearbeitet von emorikaner am Do 09.06.2011 15:47, insgesamt 2-mal bearbeitet
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Do 09.06.2011 16:03
Titel
|
|
|
Muss ich dir bestätigen: Der rote Kasten ist im IE8 da, wird aber mitgescrollt.
Edit: Und im IE6 wird er erwartungsgemäß nicht einmal angezeigt...
Zuletzt bearbeitet von top am Do 09.06.2011 16:06, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Do 09.06.2011 16:05
Titel
|
|
|
Bestätige.
Ich frage mich aber, was für einen Sinn das macht, body:after ein position:fixed zu geben
|
|
|
|
|
emorikaner
Threadersteller
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 09.06.2011 16:14
Titel
|
|
|
top hat geschrieben: | Edit: Und im IE6 wird er erwartungsgemäß nicht einmal angezeigt... |
IE6 und 7 können ja auch kein :after
immerIch hat geschrieben: | Bestätige.
Ich frage mich aber, was für einen Sinn das macht, body:after ein position:fixed zu geben |
Ach ich hab ein vermutlich gar nicht so komplexes Layout, dass ich viel komplizierter mache, als ich denke ^^
http://imm.io/6i8V
Jetzt ist es natürlich so, dass über dem 1. div und unter den unterstens der scrollbare div zu sehen ist, was nicht gewünscht ist ( der scrollbalken ist nicht beim scrollbaren div, sondern rechts am Browserrand ).
Daher dachte ich mir, ich leg einen unsichtbaren header oben und unten drüber, so dass man das dann nicht sieht ^^
EDIT:
1. Natürlich nicht unsichtbar ... aber der Header halt auch auch diese graue Farbe wieder der HG ^^
2. Wenn jmd n besseren Vorschlag hat, gerne her damit
Zuletzt bearbeitet von emorikaner am Do 09.06.2011 16:19, insgesamt 1-mal bearbeitet
|
|
|
|
|
Alex
Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Fr 10.06.2011 10:27
Titel
|
|
|
also wenn ich das richtig verstanden habe, dann möchtest du header, sidebar und footer fixed bzw nicht scrollbar, sondern nur das content div?
warum dann nicht einfach diesem div ein overflow: scroll zusammen mit fixer höhe und breite.
also quasi so was hier: http://jsfiddle.net/dWbvs/
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 10.06.2011 10:31
Titel
|
|
|
Alex hat geschrieben: | also wenn ich das richtig verstanden habe, dann möchtest du header, sidebar und footer fixed bzw nicht scrollbar, sondern nur das content div?
warum dann nicht einfach diesem div ein overflow: scroll zusammen mit fixer höhe und breite.
also quasi so was hier: http://jsfiddle.net/dWbvs/ |
Das wäre auch der korrekte Ansatz. iOS (<5) unterstützt komplett kein position: fixed; Außerdem ist die fixed-Positionierung in deinem Fall auch einfach unnötig.
|
|
|
|
|
Alex
Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Fr 10.06.2011 10:38
Titel
|
|
|
Wenn ich mich allerdings recht erinnere machen manche browser probleme bei overflow-y.
Dafür gibt es dann Javascript-Lösungen
|
|
|
|
|
emorikaner
Threadersteller
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 10.06.2011 10:53
Titel
|
|
|
Das es auch so geht, weiß ich ^^'
Allerdings soll der Scrollbalken bewusst Rechts am Rand sein, von daher, kann ich die Lösung nicht nehmen, oder denke ich immer noch zu kompliziert ?
Spontan fällt mir jetzt nur ein, evtl alle div position:relative zu geben, dem scrollbaren div position:absolute und dann in den Hintergrund stellen, dass müsste ich aber mal testen.
Und das mit iOS weiß ich auch - dafür kommen später sowieso Media Queries zum Einsatz
mfg, der Emo.
|
|
|
|
|
|
|
|
Ähnliche Themen |
IE6 und position:fixed
Position fixed
[CSS] position:fixed und der IE
position fixed im IE7 und eventuell IE6
[CSS] position:fixed zentrieren?
position:fixed im ie6? Browserhack?
|
|