Ursula: Elemente in <div> lassen sich nicht zentrieren

Beitrag lesen

Der Eindruck trügt, die Überschrift _ist_ mittig dargestellt. Schau dir mal mit Firebug die Abmessungen des umgebenden <div>-Elements an (zur schnellen Erleuchtung reicht auch ein zusätzliches 'border:1px solid red').

Das <div> ist identisch mit dem <h1>! Wie kann das sein?

Das ist so bei position:absolute. Solche Elemente fallen komplett aus dem Seitengerüst raus; sie haben keinen Einfluss auf umgebende Elemente und umgebende Elemente haben keinen Einfluss auf sie.
Ihre Breite ist daher meist jene, in die ihr Inhalt gerade bequem reinpasst; in deinem Fall also die Breite des Überschrifttextes "Yadgars Tor zum Khyberspace".

Des Rätsels Lösung findest du in deiner position-Angabe.

Auch mit "relative" oder "static" rückt die Überschrift nicht in die Mitte des <div>-Bereiches!

Das kann ich nun jedoch nicht glauben, denn in diesen Fällen entspricht die Breite des Elements der seines Elternelements (abzüglich seiner Außen- und Innenabstände), siehe http://www.w3.org/TR/CSS21/visudet.html#blockwidth.

Möglicherweise hast du noch etwas anderes auf der betreffenden Seite, was sich hier aber nicht nachvollziehen lässt, da du nur ein Codefragment angegeben hast (was für das ursprüngliche Problem auch grundsätzlich richtig war).