Container mittich ausrichten, mit position: absolute; !!!

[Till]

Ich möchte das mein Containe rimme roben ist, und andere Elemente beim verschieben unter den Conatiner verschoben wirden, nicht über. Ich dachte ich mache es mit: position: absolute;

Doch dann ist mein Conatiner nicht mehr in der Mitte sondern links am Rand...

#container {
    margin: 0 auto;
    width: 962px;
}

Till

[suit]

#container {
    margin: 0 auto;
    width: 962px;
}

Wo ist das position: absolute?

Wo gibts du einen links- oder einen rechtswert an?

Was ist das nächstübergeordnete Element mit einer Positionierung abweichend von static?

[Der Martin]

Hallo,

Ich möchte das mein Containe rimme roben ist, ...

hast du ein Koordinationsproblem beim Schnell-Tippen?  ;-)

und andere Elemente beim verschieben unter den Conatiner verschoben wirden, nicht über. Ich dachte ich mache es mit: position: absolute;

Meinst du mit "unter" und "über" die Überlagerung, also dass ein Element das andere verdeckt? Ich vermute das mal. Dann ist absolute Positionierung vielleicht wirklich eine brauchbare Möglichkeit.

#container {
    margin: 0 auto;
    width: 962px;
}

Aber dann solltest du auch eine Position festlegen. Lies hierzu bitte auch meinen Beitrag vom Wochenende, denn absolute und fixe Positionierung sind sich hier sehr ähnlich.

Doch dann ist mein Conatiner nicht mehr in der Mitte sondern links am Rand...

Weil du nicht festlegst, wo er denn sein soll. :-)

Ciao,
 Martin

[Gunnar Bittersmann]

@@Till:

nuqneH

Ich möchte das mein Containe rimme roben ist, und andere Elemente beim verschieben unter den Conatiner verschoben wirden, nicht über.

Meinst du in y-Richtung (vertikal) oder z-Richtung (zum Nutzer hin)

Ich dachte ich mache es mit: position: absolute;
Doch dann ist mein Conatiner nicht mehr in der Mitte sondern links am Rand...

#container {
    margin: 0 auto;

Ja, denn bei absoluter Positionierung ist der berechnete Wert für 'auto' 0.

width: 962px;

Das ist keine gute Idee. Der Viewport (Anzeigebereich) vieler Nutzer ist schmaler als 962px. Horizontales Scrollen ist blöd.

Mach eher sowas: { width: 100%; max-width: 962px; }

Qapla'