karl: Floatendes Layout realisieren: Logo ohne feste Breite

Beitrag lesen

Hi ChrisB,

Typischerweise würde ich bei diesem Problem für #site ein margin-left setzen, soweit klar. Hier aber will ich genau das vermeiden, da ich #logo den notwendigen Platz, nicht mehr und nicht weniger, einräumen will.

Dann setze overflow:hidden für #site.

Hervorragend, genau das ist es. Und ich wäre nie drauf gekommen, weil ich overflow aus (scheinbar) anderem Kontext kenne. Gut, dass ich endlich mal gefragt habe!

Und noch ein Problem gibt es: Auf #site habe ich einen margin-top liegen; kann ich verhindern, dass auch das floatende #logo diesen margin-top übernimmt - möglichst auf elegantere Weise als mit negativem margin-top?

Nein, m.E. nicht wirklich ohne krude Workarounds.
Liegt an den Eigenschaften von float.

Schade. Naja, dann halt negativer margin-top, tut's ja auch. Mit CSS3 wird bestimmt alles hübscher. ;)

Lieben Dank für die kompetente Antwort an Pfingstsonntag!
karl