Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » Text in Blockelement vertikal zentrieren Antworten
Text in Blockelement vertikal zentrieren

axeljaeger
Feiertags-Poster


Beiträge: 32


Ich verstehe nicht, wie vertical-align funktionieren soll. Getestet habe ich folgenden Code mit dem Internet Explorer 5.5, Konqueror 3.1, Opera 7.0.0 TP 1 und Mozilla 1.2. Leider zeigt keiner der Browser den Text so an, wie ich das erwarte, deswegen gehe ich von einem Denkfehler und nicht einer fehlerhaften Implementierung aus:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14:
<html>
<head>
<title>vertical-align</title>
</head>
<body>
<div style="
 width: 100px; 
 height: 100px; 
 vertical-align: middle; 
 background-color: red">
Text
</div>
</body>
</html>

  Profil   E-Mail   Website   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


*wunder* sollte eigentlich gehen...

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

axeljaeger
Feiertags-Poster


Beiträge: 32


Mit welchen von denen sollte es gehen? Soll ich einen Screenshot vom IE(5.5) posten?

  Profil   E-Mail   Website   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


SOLLTE gehen, habs aber nicht getestet

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

axeljaeger
Feiertags-Poster


Beiträge: 32


Dann probiers mal aus. Es sollte gehen. Im Selfhtml wird aber als Beispiel kein gescheites Blockelement, sondern ein td verwendet. Da geht es auch. Mit div nicht und mit dem, was ich vorhabe auch nicht (a:link mit display:block)

  Profil   E-Mail   Website   Editieren   Zitieren

languitar
Foren-Team


Beiträge: 2795


kannste net eifnach <div align="center"> machen oder solls unbedingt CSS sein?

---
Take a look here!
Lichtblick - Einblick - Ausblick

  Profil   E-Mail   Website   Editieren   Zitieren

HG
Posting-Schinder


Beiträge: 520


vertical align hat so seine Tücken, daher glaube ich nicht, daß du den gewünschten Effekt damit hinbekommst (zumal kaum ein Browser das richtig interpretiert. Hier die Definition davon: http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align

Am besten, du versuchst das ganze mit Hilfe von margins oder paddings zu machen.

---
www.kuminatano.de

  Profil   E-Mail   Website   Editieren   Zitieren

axeljaeger
Feiertags-Poster


Beiträge: 32


Das Problem mit margins und paddings ist ja, der der InternetExplorer 5.5, bei neueren weis ich nicht, wie es da aussieht, ein anderes Boxmodell als der Opera, der Mozilla und der Konqueror haben. Wie sieht es aus mit IE 6?

  Profil   E-Mail   Website   Editieren   Zitieren

DukeXP
Quasselstrippe


Beiträge: 269


Im IE 6 ist die Interpretation des Box-Models abhängig vom verwendeten Doctype. Außerdem ist das Box-Model nur im standardgetreuen Modus richtig integriert.

  Profil   Editieren   Zitieren

axeljaeger
Feiertags-Poster


Beiträge: 32


Ich habe mir vorgenommen, XHTML 1.0 Strict zu verwenden. Da nehme ich mal an, das sich der Explorer dann wie die anderen verhalten?

  Profil   E-Mail   Website   Editieren   Zitieren
 

Antworten
Nach oben