wahsaga: float-elemente beinflussen höhe von umgebung nicht!

Beitrag lesen

hi,

Ich benutze ein Containerelement <div id="container"> in welchem ich ein rechts schwebendes <div id="menu"> habe. container soll menu umschließen und sich automatisch der Höhe von menu angepassen.

da du menu aber mit float formatiert hast, beeinflusst es die höhe seines elternelementes nicht mehr.
gefloatete elemente werden bekanntlich, ebenso wie absolut positionierte, aus dem dokumentfluss herausgenommen.

container _kann_ also seine höhe nicht von menu vorgegeben bekommen, da menu _logisch_ betrachtet durch das float gar nicht mehr _in_ container liegt.

die lösung (auch schon oft hier im </archiv/> zu finden):

mache hinter menu ein weiteres, ggf. leeres, element hin (noch innerhalb von container), und formatiere dieses mit clear:right.

z.b. <br id="klarmacher" /> oder <div id="klarmacher"></div>
und im CSS
#klarmacher { clear:right; }

gruss,
wahsaga