Div Layer richtig zentrieren?

Question

Hallo, ich verzweifle und finde einfach keine richtige Antwort.
Ich habe um mein komplettes Webseiten Layout Ein Div-Layer, dass die Seite horizontal mittig zentriert.
Klappt auch alles wunderbar, nur das altbekannte Problem:
Wenn die Auflösung kleiner ist als das Div, dann schneidet er einen Teil ab, weil die Mitte nicht mehr richtig definiert wird.

#page{
  position: absolute;
  left: 50%;
  top: 50px;
  width: 970px;
  height: 700px;
  margin-left: -485px;
}

Wie löse ich das Problem ? :(

top · Accepted Answer

Probier mal: #page{ margin: auto; margin-top: 50px; width: 100%; height: 700px; } Wenn du die Breite auf 100% setzt kannst du die Seite vergrössern und verkleinern ohne dass etwas abgeschnitten wird. Ich kenn natürlich deine Seite nicht und weis nicht, ob das zu deinem Design passt. Aber warum willst du das unbedingt mit nem Layer machen? Mit Layern wirst du immer Probleme haben. Besser und einfacher wäre es, einfach eine unsichtbare Tabelle zu verwenden. Oder du kannst das auch so lösen, wenn du unbedingt einen Layer haben willst: #page{ margin: auto; margin-top: 50px; width: 100%; height: 700px; }

Inhalt deiner Homepage

Aber dann kannst dir deinen Layer eigentlich auch gleich sparen. Und wenn du es richtig kompliziert haben willst und unbedingt nur deinen Layer zentrieren willst, dann geht das natürlich auch. Aber ich werd mir das nicht antun. Schau einfach auf diesen Link: http://www.webwork-community.net/posting7762_24_0.html

M. &#39;&#39;L.&#39;&#39; R. · Answer

#page{
margin: auto;
margin-top: 50px;
width: 970px;
height: 700px;
}

Div Layer richtig zentrieren?

Verwandte Fragen

Aktuelle Fragen