margin problem mit gefloateter box

[Detlef G.]

Hallo Michael

... Nur Texte und Inlineelemenente werden durch das gefloatete Element verdrängt bzw. umfließen es. (Bei dem Beispiel siehst du es, wenn du genau hinschaust.)

Puhhh, das steht doch noch mächtig denkarbeit an:

Übrigens, das verlinkte Beispiel entstand ursprünglich, um selbst das Verhalten gefloateter Elemente zu kapieren.

Du könntest mal nachlesen, auf welches Element sich position:absolute bezieht.

Das ist mir soweit klar, in meinem fall ist das da html-element selbst.

Wohl nicht wirklich. Hast du nachgelesen, oder es nur überflogen, ohne zu verstehen, was dort steht?

Irgend eine andere idee, die NICHT erfordert, das navi element als erstes element in die #inhaltsbox zu schreiben? Wenn es gar nicht anders geht verpasse ich dem kopfberich doch noch eine fixe höhe und positioniere dann das navi absolut.

Um #navi absolut zu positionieren braucht der Kopfbereich keine feste Höhe. Es reicht aus, wenn #navi Kind von #inhalt ist und du dafür sorgst, dass sich die absolute Positionieren nicht auf den Viewport sondern auf #inhalt bezieht.

(absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Vorfahrenelements, das _nicht_ die Normaleinstellung position:static aufweist.)

Auf Wiederlesen
Detlef