• Aktualisierte Forenregeln

    Eine kleine Änderung hat es im Bereich Forenregeln unter Abschnitt 2 gegeben, wo wir nun explizit darauf verweisen, dass Forenkommentare in unserer Heftrubrik Leserbriefe landen können.

    Forenregeln


    Vielen Dank

Zentrieren in CSS

mod86

Anfänger/in
Registriert
19.08.2001
Beiträge
62
Reaktionspunkte
0
Hallo!

Wie kann ich ein div-Element per CSS so zentrieren, dass es sowohl vertikal wie auch horizontal in der Mitte der Seite angezeigt wird?

mod
 
nicht getestet:
<div style='height:100%;width:100%;text-align:center;vertical-align:middle'>text</div>
 
Nicht die eleganteste Lösung, aber:

<div style="position:absolute; width:100px; height:200px; margin-left:-50px; margin-top:-100px; left:50%; top:50%";>
 
mod86 am 26.03.2006 20:06 schrieb:
Hallo!

Wie kann ich ein div-Element per CSS so zentrieren, dass es sowohl vertikal wie auch horizontal in der Mitte der Seite angezeigt wird?

mod
Was für ein doctype, und was soll innerhalb der div sein?
 
Hi,

das Hauptdiv wo alles drin ist, exakt in der mitte und feste Größe...
z-index:0;
position:absolute;
top:50%;
left:50%;
height:600px;
width:800px;
margin-top:-300px;
margin-left:-400px;

und der doctype kommt indie index als aller erstes und noch vor dem <html>
für HTML 4.1 Transit...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

MfG
 
Cooli11 am 28.03.2006 16:03 schrieb:
Jop, vor dem Doctype darf nichts stehen, ansonsten erkennt der IE den nicht...

Mit dem oben genannten Doctype würde das aber überhaupt keinen Unterschied machen. Der schaltet den IE nämlich genauso in den Quirks-Mode.

@ den Threadstarter:
Die unter dem folgenden Link beschriebene Methode klappt problemlos, solange man einen korrekten Doctype verwendet.
http://www.hicksdesign.co.uk/journal/vertical--horizontal-centering-2
 
Zurück