CSS Absolute Mitte?! Möglich?

Hi zusammen,

um zu verdeutlichen was ich möchte habe ich eine Skizze gezeichnet.

Ich habe praktisch ein „Main“ Element indem der ganze INhalt steht.
Darin soll alles was reinkommt. Ob es nun ein kleines oder großes Bild oder ein langer oder kurzer Text ist Absolut mittig dargestellt werden.

Wisst ihr wie ich das meine??

Das Element (div) in die Mitte zu setzen habe ich bereits hinbekommen. Aber den Inhalt zu zentrieren… krieg ich nicht hin.[ATTACH]1606.vB[/ATTACH]

Probiers mal mit „text-align: center;“

Also ich mache es immer so, dass ich Elemente mit margin: 0 auto horizontal zentriere. In diesem Element kann man wie in deinem Beispiel noch einen Text mit text-align: center mittig ausrichten.

[html]

Lorem Ipsum

... [/html][code] div { width : 800px; margin : 0 auto; /*Oben und unten kein Abstand, aber horizontale ausrichtung*/ } div p { text-align : center; /*Text ist mittig.*/ } [/code]

Gruß

Hi zusammen,

die Horizontale Mitte ist kein Problem.

Worin eher das Problem liegt ist die Vertikale Mitte :frowning:

Kein Problem mit absoluter Positionierung, wenn du die Größe der Box kennst, dann kannst du mit top:50% und bottom:50% die Box positionieren und mit negativem Margin die Höhe und Breite der Box abziehen. Hier eine exakte Erklärung dazu: Intensivstation Center Box

Eine andere Möglichkeit ist display:table-cell. Dafür braucht man keine fixe Größe, ist allerdings nur bedingt IE-kompatibel: CSS: horizontale und vertikale Zentrierung

Ich habe die „Hauptbox“ also dort wo alle Inhalte reinbekommen ja genau mit dieser Methode zentriert. Jedoch soll der Inhalt den ich da reinschreibe oder die Bilder die ich da reinposte auch IMMER in der Mitte sein. Unabhängig von Größe oder Formatierung des Textes oder des Bildes. Versteht ihr?

Ja, da bleibt dir ja Möglichkeit zwei: CSS: horizontale und vertikale Zentrierung

Sorry, irgendwie blick ich das nich :frowning:

Gibt es nicht jemand der mir einfach kurz ein passendes div schreiben kann?