diesen beitrag habe ich gerade bei dem thema 'seite mittig zentrieren' geposted, aber ich glaube, da sieht ihn keiner. also nochmal separat. ein aehnliches problem, aber vielleicht doch etwas anders?

ich habe zwei boxen (navigation und hauptteil), nebeneinander. bisher habe ich sie mit position: absolute und genauen px angaben links und oben festgesetzt. allerdings sieht das dann in manchen browsern und vor allem bei computern unterschiedlicher bildschirmgroesse komisch aus. ich moechte gerne, dass sich diese zwei boxen (im richtigen abstand zueinander bleibend) immer mittig des bildschirms zentrieren, egal welche bilschirmgroesse.

wie mache ich das am besten?

bitte so genau erklaeren wie moeglich, ich bin noch nicht lange dabei.

danke!

oh ja, meine seite als beispiel: www.dancingwayang.com

ich glaube, ich habe hier gerade etwas zu meiner frage gefunden:

http://www.glish.com/css/3.asp

allerdings steht dort auch, dass eine schwerwiegende einschraenkung dieses designs sei, dass wenn man fotos integrieren moechte, dies nicht gut zu realisieren waere.

hat jemand hier damit erfahrung?

Hi,

ich bin mir nicht sicher, ob ich richtig verstanden habe, was Du möchtest.

Ich jedenfalls behelfe mir in solchen Fällen damit, daß ich einen div auf dem Bildschirm zentriere und alles weitere in diesen div einbaue.
Das CSS für diesen zentrierten div sieht dann so aus:
.master {
position: absolute;
height: 580px;
width: 760px;
margin-top: -290px;
margin-left: -380px;
left: 50%;
top: 50%;
color: #CCCCCC;

}

Der Nachtei dieser Methode ist, das man das Fenster, in dem die Site angezeigt werden soll nicht beliebig weit verkleinern kann, ohne Teile der Site abzuschneiden. Diesen Nachteil nehme ich aber in Kauf...

schönen Gruß und viel Erfolg, -Alex

PS: auf diese Art zentrierst du horizontal und vertikal.
nur horizontal zentrieren ist bei Deiner anderen Anfrage beschrieben.

margin-top: -290px;
margin-left: -380px;

wie kommst du denn auf diese zahlen?

ich werde deinen vorschlag auf alle faelle gleich mal ausprobieren. danke.

doch, doch. Der Div ist bei jeder Auflösung zentriert!

Bau Dir einfach mal so einen Probe-div und verkleinere Dein Browser-Fenster. Dabei kannst Du auch gleich die Grenzen dieser Lösung kennenlernen. Vergrössern stellt kein Problem dar.
Gruß, -Alex

Du gibst dem Div Höhe h und Breite b
Dann positionierst Du die linke obere Ecke des divs in der Bildschirmmitte mit top:50%; und left:50%;

Um jetzt nicht nur die linke obere Ecke mitten auf dem Bildschirm zu haben, sondern den ganzen div, mußt Du etwas tricksen:
Gib dem div einen negativen Rand links mit der halben Breite b und oben mit der halben Höhe h .
Jetzt sitzt die Sache in der Mitte. Sogar im IE...

Gruß, -Alex

PS: Ich hab's auch irgendwann mal nur abgeschrieben...

vielen dank! ich werd's gleich mal ausprobieren...

anna

Zentrierung horizontal und vertikal, ohne Abschneiden bei kleinem Fenster: http://d-graff.de/fricca/center.html

Hallo Heiko, Du Nachtarbeiter - Schläfst Du auch manchmal?

Klasse Tip zur Zentrierung von divs! Hier, in Euer'm Forum kann man gut was lernen!
Super!
Gruß,-Alex

Kann mir jemand helfen, die oben angegebene Zentrierung auch zu verstehen?
(nachmachen kann ich sie schon)

Was bedeuten folgende CSS-Anweisungen:
----------------------------------------------
* {
margin:0;
padding:0;
}
Was bedeutet das Sternchen?
----------------------------------------------
html, body {
height:100%;
}
Warum das? (ohne diese Anweisung geht's nicht, aber was "tut" diese Anweisung, ist 100% nicht sowieso Standard?)
----------------------------------------------
body {
background-color:#fc6;
color:#630;
font:100.01%/1.4 sans-serif;
text-align:center; /* horizontal centering for IE Win quirks */
}
Wieso 100,01%?
----------------------------------------------

Schönen Gruß, -Alex