Vertikal Zentrieren
Nach obenAltes Problem
Es ist eine der wenigen "Schwächen" von CSS, daß es keine vernünftige Möglichkeit gibt, Blockelemente vertikal zu zentrieren, die in allem Browsern funktioniert.
Nach obenDie Idee
Man könnte die Eigenart von Tabellen ausnutzen, dass innerhalb der Zellen Blockelemente mit vertical-align:center; vertikal zentriert werden können. Da man aber Tabellen nur zur Darstellung von tabellarischen Daten verwenden sollte und nicht für das Layout, kann man einen Container so formatieren, daß er sich wie eine Tabelle verhält und somit nicht nur Inline-Elemente vertikal mittig auszurichten.
Dies erreicht man mit display:table-cell;
Aber war da nicht was? Richtig. Funktioniert in fast allen Browsern, nur im Internet Explorer nicht. Für IE-Nutzer könnte man einfach per CC eine Tabelle im Quelltext ergänzen - was sehr unschön ist - oder das betreffende Objekt per margin-top in die Mitte schieben. Schließlich kann man auch einfach das IE-Problem ignorieren.
Für alle modernen Browser ist hier eine elegante Lösung:
<div class="v_center">
<p>Dieser Absatz ist vertikal zentriert</p>
</div>
.v_center
{
height: 300px;
display: table-cell;
vertical-align: middle;
}
Hier kann man sich, vorausgesetzt man benutzt nicht den IE, ein funktionierendes Beispiel anschauen.
Pberndt
Nette Sache, gleich mal merken :)
Goliath
Hilft vielleicht auch weiter:
www.frixon.de
hajo
Hi, liebe Leute.
Mehr als 50 Prozent der User benutzen den IE - aus welchem Grund auch immer.
Deshalb darf man - will man ein ernstzunehmender und seriöser Coder / Programmierer / Designer sein - den IE nicht als (lästige) Nebensache betrachten. Auch wenn dieser einige Standard-Teile missachtet - er ist nun einmal das wichtigste "Web-Betrachtungstool" bei den Usern -- und wir wirken für die User, die Könige. Oder wir bewegen uns nur im Familienkreis - was ja offensichtlich nicht der Fall ist.
Also nicht die User belasten, denen ein minderwertiges Tool angedreht wurde, sondern den Produzenten dieses Tools kritisieren und fordern.
Ich benutze auch den IE v6.0 -- nicht weil ich den Feuerfuchs nicht mag, sondern weil ich Werke für die User so sehen/erleben will, wie die User selbst.
Aber --- die Darstellung Eurer TUTs, insbesindere die farbliche Hervorhebung im QuellCode, ist wirklich prima.
Gruß - hajo aus Sachsen.
Twisting
Bei Microsoft, bzw. bei Internet Explorer, wird sich nur dann etwas bewegen, wenn sich auch die User bewegen, sprich, wenn immer mehr Leute sich zu sichereren und besseren Browser zuwenden, wie es bereits im Gange ist. Aus diesem Grund wird die Tatsache, dass es vom IE bis jetzt keine gescheite Version gibt auch manchmal betont...Ich habe den IE zum Testen auch auf der Platte, da ich generell auch keine User ausschließen möchte, jedoch manchen ist das (nicht zu unrecht) ziemlich egal.
retrovertigo
wie sieht´s hiermit aus!?
www.wpdfd.com
Moe S.
Noch viel besser ist d-graff.de
weil mit dieser Methode bei kleinen Bildschirmen oben und links nichts abgeschnitten wird.