Probleme mit Zentrierung

[Franziska]

Hallo zusammen,

ich möchte einen div-Bereich mit einer Breite von 700px zentriert anzeigen. Diesen div habe ich wie folgt definier:

<div style="left: -350px; width: 700px; margin-left: 50%; background-color: #000099; position: relative">

Dies funktioniert solange korrekt, solange das Browserfenster mindestens 700px breit ist. Ist die Breite des Fensters jedoch kleiner, schiebt sich der linke Bereich aus dem Fenster und kann nicht durch die horizontale Scrollleiste sichtbar gemacht werden, da diese bereits am linken Anschlag positioniert ist. Verwende ich jedoch in HTML

<center>
  ...
</center>

funktioniert es auch im schmäleren Fenster. Diese HTML-Anweisung soll jedoch veraltert sein. Auch mit

<table align="center">
  ...
</table>

würde es funktionieren.

Wie kann ich das Problem mit CSS lösen?

Für eure Unterstützung besten Dank.

[Ulrich]

Moin,

Auch wenn es nach Eigenwerbung aussehen mag, aber bevor ich es nochmal abschreibe.
Ich habe mal einige Möglichkeiten gesammelt und gegenübergestellt - mit Ihren Vor und Nachteilen. Sicherlich nicht vollständig, aber ich hoffe es ist etwas für Dich dabei und es hilft Dir weiter.

click me if you want

mit freundlichen Grüßen
Ulrich