✔ Ebene zentrieren und Fenster verkleinern

[BMo]

Hi,
ich habe eine große Internetseite erstellt.
Da ich mein Layout gerne zentrieren möchte habe ich vorher im Internet recherchiert und folgende Lösung gefunden:

#Hintergrundebene{
position: absolute;
top:10px;
width: 1000px;
left:50%;
margin-left:-500px;
padding-left:0px;
z-index:1;
}

das funktioniert eigentlich ganz gut und so habe ich die Seite erstellt.
Jetzt habe ich folgendes Problem festgestellt. Wenn ich mit 800x600 px die Seite betrachte, fehlt mir die linke Seite und es werden keine Scrollbars angezeigt, zumindest nicht bis an das Ende!
Wahrscheinlich wegen margin-left:-500px;

Ich möchte jetzt nicht um das ganze eine Tabelle legen, da dies im Nachhineine sehr aufwendig ist, da ich viele Seiten bearbeiten muss.

Gibt es da eine andere möglichkeit?
Grüße

 

[Maik]

Hi,

ich empfehle dir in diesem Fall die alternative Technik CSS vertical centering using float and clear (gilt auch für die horizontale Zentrierung), bei der sich der linke und obere Bereich der Box beim Verkleinern des Viewports nicht in den nicht-sichtbaren Bereich verschieben, sondern weiterhin im Fenster sichtbar bleiben.

Ansonsten hättest du grundsätzlich auch die Möglichkeit, die Box ohne Positionierung horizontal zu zentrieren, womit der linke Bereich ebenfalls nicht "verschwindet", wenn die Breite des Browserfensters schmäler als die der Box ist:

#Hintergrundebene{
width:1000px;
margin:10px auto; /* Außenabstand oben/unten - links/rechts */
}

mfg Maik

 

[BMo]

Ok, super hab es mit margin:0 ,auto; gelöst.
Grüße