Schriftausrichtung funktioniert nicht

[pimbolie1979]

Hallo Leute,

ich habe versucht eine Schrift vertical in einem DIV-Element zu zentrieren. Dies soll aber bei DIV-Element nur funktionieren, wenn diese als TABLE-CELL formatiert wurde.

Hier mein Quellcode:

<div style="float: left; height: 33px; display: table-cell; vertical-align: middle;"> bis </div>

Jedoch wie man im Screenshot sehen kann bringt dies keine Änderung. Was mache ich denn falsch. Das DIV Element besitzt auch die Höhe von 33px

 

[threadi]

Statt display könntest Du auch mal line-height von 33px probieren ;)

 

[pimbolie1979]

Ausprobieren kann man ja einiges aber es soll doch laut standard auch mit display funktionieren. Liegt es vielleicht daran das die DIV-Box gefloatet ist?

 

[pimbolie1979]

Ich werde es noch mal mit der Line-Height ausprbieren. Ich bin der Meinung das ich dies auch schon gemacht hatte aber ich werde es noch mal probieren. Dieses CSS hat doch sein eigenleben :-)

 

[Banana_Jones]

"float" und "display: table-cell" vertragen sich nicht. Wenn es unbedingt gefloatet sein soll, wirst du um einen Wrapper nicht drum rum kommen.

 

[pimbolie1979]

Das mit der line-height funktioniert dann brauche ich nicht diesen div container

 

[Resteverwerter]

http://wiki.selfhtml.org/wiki/FAQ/zentrierte_Inhalte#vertikal_zentrieren