Kommentare zu: Vertikal zentrierte Seiten mit CSS

Von: Hirnsoup

Hirnsoup — Sun, 07 Feb 2010 15:43:34 +0000

Manuel Bieh – Web Development & Consulting…

Vertical und Horizontal Zentrierte Divs…

Von: Svenja

Svenja — Fri, 22 Jun 2007 08:18:29 +0000

Vielen Dank, aber musste gerade leider feststellen, dass der Safari damit Probleme hat und u.U. die komplette CSS nicht erkennt. Gibt es dafür nen Workaround?
Liegt an dem
html, body {…

Von: Thomas

Thomas — Sat, 27 Jan 2007 17:30:05 +0000

Oder viel eleganter:
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Von: Thomas

Thomas — Sat, 27 Jan 2007 17:09:24 +0000

Ben, du kannst die Höhe des divs mit Javascript auslesen und dann denn margin festsetzen. Ist aber nicht so elegant.

In meinem Fall wird das div mit id „text“ in seinem 400px hohen Elternelement vertikal zentriert. Wenn du ein div ohne Elternelement hast (bzw. es auf der „ganzen Seite“ zentrieren willst), müsstest du einfach den top-margin anders ausrechen (negative halbe Höhe).

var hoehe = document.getElementById(‚text‘).offsetHeight;
var marg = ((400 – hoehe) / 2);
document.getElementById(„text“).style.margin = marg + ‚px‘ + ‚ 0′ + ‚ 0′ + ‚ 0′;

Von: ben

ben — Wed, 17 Jan 2007 18:21:38 +0000

Gute Lösung ohne position:absolute;

aber leider auch hier wieder nur bei fixer Höhe des zu zentrierenden DIVs. Wie man ein DIV zentrieren kann, dessen Höhe abhängig vom Inhalt ist, wüsste ich noch gerne…

Von: Time

Time — Fri, 17 Nov 2006 10:06:40 +0000

Respekt! Schön wie du das beschrieben hast! Eins der am besten, nachzuvollziehenden Tutorials die ich je gelesen habe. Danke!

Von: Daffi

Daffi — Thu, 19 Oct 2006 22:35:21 +0000

Yeaha, endlich mal ein Tutorial, dass auch wirklich funktioniert. EIn ganz großes Lob und Danke an der Autor!
(tested width Firefox 1.5.0.7 und IE 6 SP2)

Von: Juuro

Juuro — Sun, 01 Oct 2006 15:55:30 +0000

Vielen lieben Dank! Das ist jetzt die dritte anleitung zum vertikalen Zentrieren die ich gefunden habe und die erste die auch wirklich funktioniert! :)
Danke!

Von: fricca

fricca — Wed, 07 Dec 2005 23:09:44 +0000

Mit dem nicht mehr auffindbaren Link zu dieser Methode möchte ich gerne aushelfen:
http://www.xhtmlforum.de/viewtopic.php?p=34786#34786

Von: Blog@BlueHillTec.Com » Inhalt Vertikal zentrieren mit CSS

Blog@BlueHillTec.Com » Inhalt Vertikal zentrieren mit CSS — Thu, 17 Nov 2005 23:09:27 +0000

[…] Der Manuel Bieh hat eine Lösung gefunden. […]

Von: Cyberoog, die Insel im Web (Blog)

Cyberoog, die Insel im Web (Blog) — Fri, 28 Oct 2005 12:28:11 +0000

CSS von Manuel Bieh

Ich hab ihn ja schon häufiger erwähnt, ein Weblog gar nicht weit von hier und immer mal wieder interessante, lehrreiche Sachen zu CSS…
Hier noch zwei Artikel:

Einmal Erdgeschoss bitte! – Einen Footer bauen
sowas gibt es auch vom Man in Blue…

Von: Manuel

Manuel — Thu, 27 Oct 2005 13:31:50 +0000

Aber soweit ich weiß nur im Quirksmode, bzw im IE5.x oder? im IE6 klappts bei mir auf jeden Fall auch nur mit margin: auto auto;

Von: Sascha Carlin

Sascha Carlin — Thu, 27 Oct 2005 10:02:23 +0000

Für den IE reicht margin: auto auto; nicht. Um im IE zu zentrieren, brauchts text-align: center; für das Eltern-Element und die Rückgängigmachung dessen für das Kind-Element: text-align: left;