Bild Mittig am Bildschrim anpassen

Guten abend

Ich komm zurzeit nicht Weiter
hier habe ich sobald ich auf einen Link gehe ein Bild im extra Kasten wie eine Diashow.

Nun möchte ich das das Bild in der Mitte des Browsers zu sehen ist und daran scheiter ich leider

Das ist mein css code dazu:

#toPopup { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; background: none repeat scroll 0px 0px rgb(255, 255, 255); border: 10px solid rgb(204, 204, 204); border-radius: 3px; color: rgb(51, 51, 51); display: none; font-size: 14px; left: 50%; margin-left: -402px; position: fixed; top: 46%; height: auto; width: auto; z-index: 2; }

Ich hoffe, das mir einer dabei helfen kann

Hallo,

margin-top: -200px; ode so vermisse ich :O)

Cheffchen

Für absolute Zentrierung einfach:

margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;

Kann auch gut als separate Klasse angelegt werden. Für die Wiederverwendbarkeit. :slight_smile:

Dazu musst du allerdings eine feste Höhe und Breite festlegen.
In deinem Fall:

height: 450px; width: 660px;