OLZU: Problem mit Höhe von div

SELF-Forum

Problem mit Höhe von div

OLZU
– Informationen zu den Bewertungsregeln

Hallo zusammen,

wahrscheinlich liegt's an der Uhrzeit, aber ich komme mal wieder nicht weiter...  :-(

Schaut auch bitte mal diese Seite an:
  http://www.zubrod.de/test/test_2006-01-27.htm
Hier noch die dazugehörige CSS-Datei:
  http://www.zubrod.de/test/css/css_2006-01-27.css

Sowohl die Navigation, der Inhalt (gelber Hintergrund) und das Bild liegen in einem
umschließenden Div-Container (blauer Hintergrund).
Eigentlich sollte dieser "blaue" Container doch genauso hoch sein,
wie der höchste darin befindliche Inhalt.
Leider ist er es nicht, sondern die Inhalte (z.B. das gelbe Div) ragen darüber hinaus.

Kann mir bitte jemand erklären warum dies so ist?
Was mache ich falsch??

Schon mal vielen Dank im Voraus.

Viele Grüße und gute Nacht
OLZU

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Problem mit Höhe von div

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    OLZU,

    Eigentlich sollte dieser "blaue" Container doch genauso hoch sein,
    wie der höchste darin befindliche Inhalt[,]

    den du nicht aus dem normalen Fluss genommen hast.

    […] die Inhalte (z.B. das gelbe Div) ragen darüber hinaus.
    Kann mir bitte jemand erklären warum dies so ist?

    Weil du sie aus dem normalen Fluss genommen hast:
    „Absolute Positionierung
        Beim absoluten Positionierungsmodell wird eine Box vollständig aus dem normalen Fluss entfernt […]“ [CSS2 §9.3]

    Was mache ich falsch??

    Du verwendest absolute Positionierung. Mit der float-Eigenschft bekommst du ein Layout sicher flexibler hin; cf. SELFHTML: <http://de.selfhtml.org/css/layouts/mehrspaltige.htm@title=Mehrspaltige CSS-basierte Layouts>.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Problem mit Höhe von div

      OLZU
      – Informationen zu den Bewertungsregeln

      Hallo Gunnar,

      Was mache ich falsch??

      Du verwendest absolute Positionierung. Mit der float-Eigenschft bekommst du ein Layout sicher flexibler hin; cf. SELFHTML: <http://de.selfhtml.org/css/layouts/mehrspaltige.htm@title=Mehrspaltige CSS-basierte Layouts>.

      Danke für deine Antwort.
      Ich habe gestern Nacht noch alles mögliche ausprobiert.
      Auf die Idee, dass mein Problem an der absoluten Positionierung liegt, bin ich aber nicht gekommen.
      Ich schau' mir das am Wochenende mal ganz genau an und werde wohl meine Seite anders aufbauen müssen...

      Schönes Wochenende!
      OLZU

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln