1
Linken und Rechten Abstand angleichen
Hallo zusammen,
ich eigne mir gerade CSS an. Bisher läuft es ganz gut.
Jetzt möchte ich es nur binbekommen, das ich z.B. eine Grafik (oder später
den ganzen relevanten HP bereich) in der Mitte des Browsers zentrieren
kann und das der Abstand zu beiden seiten im Verhältnis gleichmäßig bleibt, also auch wenn
das Browserfenster verkleinert wird, wie man das an dieser Seite schön sehen kann:
www.hsg-partys.de.vu
Kann mir da jemand nen Tipp geben?
Gruß
Sascha
ich eigne mir gerade CSS an. Bisher läuft es ganz gut.
Jetzt möchte ich es nur binbekommen, das ich z.B. eine Grafik (oder später
den ganzen relevanten HP bereich) in der Mitte des Browsers zentrieren
kann und das der Abstand zu beiden seiten im Verhältnis gleichmäßig bleibt, also auch wenn
das Browserfenster verkleinert wird, wie man das an dieser Seite schön sehen kann:
www.hsg-partys.de.vu
Kann mir da jemand nen Tipp geben?
Gruß
Sascha
Auf Facebook teilen
Auf X (Twitter) teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 45150
Url: https://administrator.de/forum/linken-und-rechten-abstand-angleichen-45150.html
Ausgedruckt am: 16.04.2025 um 16:04 Uhr
1 Kommentar
Hat sich schon erledigt, ich hab es herausgefunden.
Falls jemand es nicht weiß und wissen will schreib ich hier die Lösung rein:
Im prinzip muss man das Objekt zentrieren, dies kann man wie folgt machen:
Den Abstand "left" setzt man auf 50% (...left:50%;...)
Dadurch wird der linke rand im Browser zentriert, jetzt braucht man nur noch
das Objekt um die Hälfte nach links verschieben und es ist zentriert
Bei einem Objekt mit einer breite von 500 pixel z.B. (...left:50%; margin-left:-250px...)
Gruß
Sascha
Falls jemand es nicht weiß und wissen will schreib ich hier die Lösung rein:
Im prinzip muss man das Objekt zentrieren, dies kann man wie folgt machen:
Den Abstand "left" setzt man auf 50% (...left:50%;...)
Dadurch wird der linke rand im Browser zentriert, jetzt braucht man nur noch
das Objekt um die Hälfte nach links verschieben und es ist zentriert
Bei einem Objekt mit einer breite von 500 pixel z.B. (...left:50%; margin-left:-250px...)
Gruß
Sascha
