Zentrierter DIV-Bereich wandert aus Fenster raus

[Maexx77]

Hallo,

ich habe ein DIV, der hor. und vert. zentriert ist.

Code: Alles auswählen

#container {
  position:absolute;
  top: 50%;
  left: 50%;
  margin-left:-350px;
  margin-top:-200px;
  border-width:1px;
  border-color: white;
  border-style:solid;
  width: 700px;
  height:400px;
  background-color:white;
}

Wenn nun der Browser verkleinert wird kommt es vor, dass der DIV über ein Logo oben links verschoben wird.

Deshalb habe ich dem Body eine Mindestgröße gegeben.

Code: Alles auswählen

body {
  background-color: White;
  margin-top: 0px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  min-height:625px;
  min-width:940px;
}

Wenn jetzt das Fenster verkleinert wird, dann werden auch die Scrollbars angezeigt. Der Div-Bereich wandert aber weiter nach oben links. Ich bräuchte quasi eine min-left und min-top Eigenschaft, um die DIV Bereich in der Mitte der Seite und nicht in der Mitte des Browserfensters zu halten.

Ich hoffe ich habe mich verständlich ausgedrückt und es gibt eine Lösung für mein Problem.

Gruß Mäxx77

[sejuma]

Versuch's mal hier nach Ziffer 2: http://www.ohne-css.gehts-gar.net/0002.php

[Maexx77]

Sieht sehr gut aus! Werde es mal testen.

Vielen Dank!!!