Ich versuche, eine Website zu erstellen, die am besten mit ziemlich hohen Auflösungen funktioniert, aber auch so weit wie möglich nach links fährt, wenn die Auflösung niedriger wird.

Ich bin mir nicht einmal sicher, welchen Code ich hier kopieren soll. Der Link lautet also:

projects.thomasrandolph.info

Was ich brauche, ist, dass die linke Seite von #page aufhört nach links auf der rechten Seite von #logo plus ein paar Pixel zu gleiten. Es ist 13.25em von der linken Seite der Seite.

Ich habe den linken Rand von #page auf 13.25em gesetzt, was korrekt aussieht, aber bei höheren Auflösungen sieht die Seite seltsam aus, weil sie nicht zentriert ist. Ich möchte die Zentrierung beibehalten, aber auch verhindern, dass sie an einem bestimmten Punkt gleitet.

Ich möchte also, dass die linke Seite nicht weiter links bleibt als diese:

Ich würde VASTly vorziehen Wenn ich dies mit reinem CSS an den zwei Elementen tun könnte, die ich hier notiert habe, aber ich kann HTML nach Bedarf hinzufügen.

Ich habe lange damit zu kämpfen, wie ich diese Frage überhaupt stellen kann, also stell mir bitte Fragen oder bearbeite diese Frage, um die Klarheit der Frage zu verbessern.

Aktualisierung:

Hier sind Bilder davon, wie derzeit zwei Auflösungen betrachtet:

1920

1280

Hier ist ein Bild davon, wie Auflösungen unter etwa 1540 aussehen sollten:

Eine höhere Auflösung als ~ 1540 würde wie bisher glatt nach rechts verschoben werden.