HTML/CSS - DIV zentrieren

**Neutral General**

Hi,

Ich habe das hier:

Code:

			<div class="klasse">

   <div class="inhalt">

     Bla

     Bla

   </div>

</div>

Wie kann ich "inhalt" sowohl horizontal als auch vertikal in "klasse" zentrieren?

Gruß
Neutral General

**Matze**

Hi,

horizontal könnte es mit margin: auto klappen, vertikal hast du ohne weiteres keine Chance, sofern sich die Höher von "Klasse" dynamisch ändert. Aber solche Fragen und zahlreiche Problemlösungen gibt es bei Google hoch und runter, wieso sucht du denn nicht zuerst mal?

**Neutral General**

Hi,

Ja ich hab bei Google nach CSS Tutorials gesucht und mir ein paar durchgelesen aber da war nie ne Lösung zu finden..
Ich guck nochmal...

Gruß
Neutral General

**cruiser**

AFAIK ist es im CSS-Standard zumindest bis 2.1 nicht vorgesehen, vertikal zu zentrieren.

**Pfoto**

Hi!

wie Muetze schon schreibt, ist "margin: auto;" korrekt
und eigentlich CSS konform.
Leider interpretiert nur der IE < 7 das nicht und du musst
mit "text-align: center;" diesen Bug umgehen.

Da du wahrscheinlich linksbündig schreiben willst, musst
du dem nachfolgdnen Elmenet wieder ein "text-align: left;"
mit auf den Weg geben.

Zum Thema: "vertikales Zentrieren in CSS" kannst du

hier mal schauen.
(Aber wie schon geschrieben ist es kein CSS-Standard)

Gruß
Pfoto

**Matze**

Zitat von Pfoto:

wie Muetze schon schreibt, ist "margin: auto;" korrekt

Ich bin nicht Muetze.

margin: auto meiner Webseite interpretiert der IE6 bei mir korrekt.

**Neutral General**

Hab was gefunden:

klasse muss das Attribut

markieren

Code:

display: table;

haben und inhalt muss die Attribute

markieren

Code:

			display: table-cell;

vertical-align: middle;

haben, dann gehts...

**Pfoto**

Zitat von Matze:

Zitat von Pfoto:

wie Muetze schon schreibt, ist "margin: auto;" korrekt

Ich bin nicht Muetze.

Oh, sorry...

margin: auto meiner Webseite interpretiert der IE6 bei mir korrekt.

Du hast recht, der Fehler war auch nur im "Quirks Mode" des IE6,
der ja dann die noch älteren Varianten simuliert.

Gruß
Pfoto

**cruiser**

Zitat von Neutral General:

Hab was gefunden:

.....

dann gehts...

Frage: Geht das auch mit den body selbst? Nur so aus Interesse

**DGL-luke**

So?

markieren

Code:

			data:text/html, <html><body style="display: table; height: 100%"><div style="display: table-cell; vertical-align: middle; margin:auto;height: 100%">blubb</div></body></html>
		

(in adressleiste kopieren)

HTML/CSS - DIV zentrieren

HTML/CSS - DIV zentrieren

Re: HTML/CSS - DIV zentrieren

Re: HTML/CSS - DIV zentrieren

Re: HTML/CSS - DIV zentrieren

Re: HTML/CSS - DIV zentrieren

Re: HTML/CSS - DIV zentrieren

Re: HTML/CSS - DIV zentrieren

Re: HTML/CSS - DIV zentrieren

Re: HTML/CSS - DIV zentrieren

Re: HTML/CSS - DIV zentrieren

Forumregeln

Matze (Co-Admin) Registriert seit: 7. Jul 2003 Ort: Schwabenländle 14.929 Beiträge Turbo Delphi für Win32	#2 Re: HTML/CSS - DIV zentrieren 17. Mär 2007, 18:56 Hi, horizontal könnte es mit margin: auto klappen, vertikal hast du ohne weiteres keine Chance, sofern sich die Höher von "Klasse" dynamisch ändert. Aber solche Fragen und zahlreiche Problemlösungen gibt es bei Google hoch und runter, wieso sucht du denn nicht zuerst mal?
	Zitat

cruiser Registriert seit: 23. Dez 2003 Ort: Königsbrück/Sachsen 455 Beiträge Delphi 7 Enterprise	#4 Re: HTML/CSS - DIV zentrieren 17. Mär 2007, 19:11 AFAIK ist es im CSS-Standard zumindest bis 2.1 nicht vorgesehen, vertikal zu zentrieren. Ronny Lüttke Cru!sers Snake Clone TcruDialogResizer
	Zitat

Matze (Co-Admin) Registriert seit: 7. Jul 2003 Ort: Schwabenländle 14.929 Beiträge Turbo Delphi für Win32	#6 Re: HTML/CSS - DIV zentrieren 17. Mär 2007, 19:25 Zitat von Pfoto: wie Muetze schon schreibt, ist "margin: auto;" korrekt Ich bin nicht Muetze. margin: auto meiner Webseite interpretiert der IE6 bei mir korrekt.
	Zitat

cruiser Registriert seit: 23. Dez 2003 Ort: Königsbrück/Sachsen 455 Beiträge Delphi 7 Enterprise	#9 Re: HTML/CSS - DIV zentrieren 17. Mär 2007, 21:32 Zitat von Neutral General: Hab was gefunden: ..... dann gehts... Frage: Geht das auch mit den body selbst? Nur so aus Interesse Ronny Lüttke Cru!sers Snake Clone TcruDialogResizer
	Zitat

DGL-luke Registriert seit: 1. Apr 2005 Ort: Bad Tölz 4.149 Beiträge Delphi 2006 Professional	#10 Re: HTML/CSS - DIV zentrieren 17. Mär 2007, 22:09 So? markieren Code: data:text/html, <html><body style="display: table; height: 100%"><div style="display: table-cell; vertical-align: middle; margin:auto;height: 100%">blubb</div></body></html> (in adressleiste kopieren) Lukas Erlacher
	Zitat