nicht angemeldet
DIV zentieren und mitscrollen
Wie kann ich ein DIV im Fenster zentrieren und was muss ich tun, dass beim scrollen der Seite sich das DIV weiter im Zentrum des Browsers befinden (mitscrollt).
Ich habe eine wirklich lange Seite, im Footer befindet sich ein Button, der ein DIV sichtbar macht. Befinde ich mich im unteren Bereich der Seite und klicke auf den Button, erscheint das DIV in dem oberen Bereich, der für mich nicht sichtbar ist. Ich möchte aber, dass das DIV sich immer im Zentrum meines Browsers befindet, egal ob ich nach oben, oder nach unten scrolle.
CSS-CODE:
.centernav {
position:absolute;
left: 50%;
width: 482px;
margin-left: -241px;
top: 50%;
height: 320px;
margin-top: -160px;
border: 2px solid #003C6E;
background-color: #FFFFFF;
visibility: hidden;
}
-
Hallo sliver,
du musst einfach anstatt position:absolute; fixed verwenden:
.centernav {
position: fixed;
left: 50%;
width: 482px;
margin-left: -241px;
top: 50%;
height: 320px;
margin-top: -160px;
border: 2px solid #003C6E;
background-color: #FFFFFF;
visibility: hidden;
}Mit freundlichen Grüßen,
Der Keks-
Hallo Silver und Keks,
was ein Zufall, habe mich gestern selbst mit einem ähnlichen Thema auseinandergesetzt (und habe dazu grade auch eine Frage gepostet).
Das position:fixed funktioniert nicht im IE! Auf selfhtml wird ein workaround beschrieben:
http://de.selfhtml.org/css/layouts/fixbereiche.htm#fixiert_ie
Und wenn du dir das Beispiel ansiehst, wirst du erkennen, dass es nahezu alles enthält was du brauchst, es genügt die Position des Menüs so anzupassen dass es in der Mitte erscheint:
http://de.selfhtml.org/css/layouts/anzeige/fixiert.htm
Viele Grüße,
nils
-