Sarkast: Internetexplorer, Problem mit Floats und absoluter Positionierun

Beitrag lesen

Wie gesagt, das ist kein Problem. Die Überschrift in dem Element ist aber an der vollkommen falschen Position im IE. (die Überschriften in den einzelnen Elementen sind kein Problem, ich will aber ein darüberliegendes.

Um auf mein vorherieges Beispiel zurückzukommen. Wenn das ganze Projekt z.B. "Entwicklungszyklus" ist und Phase 1 Entwicklung von Dauer 100 Tagen und Phase 2 Qualitätsicherung von 70 Tage ist, dann möchte ich nicht nur die Unterüberschriften haben, sondern vor allem einmal über das ganze Element "Entwicklungszyklus".

Um deinen Vorschlag zu verwenden.

<div style="width: 200px; height: 100px;">
  <p style="width:100%; position:absolute; text-align: center;">Entwicklungszklus<p>
  <div class="phase" style="width: 100px; background: red;">a</div>
  <div class="phase" style="width: 70px; background: blue;">b</div>
  <div class="phase" style="width: 30px; background: green;">c</div>
</div>

Dieser Code zeigt die Phasen übrigens untereinander an. Mit float:left z.B. würde es richtig aussehen aber die Position von "Entwicklungszyklus" durcheinanderbringen.