Design eines Kopfbereiches einer Seite mit fixen Bereichen.

[Christian S.]

Hm,

also am liebsten würde ich die Struktur so aufbauen (da es semantisch auch am meisten Sinn macht):

<div class="LogoContainer">
   <div class="Logo"></div>
</div>

<div class="Main"></div>

Wobei LogoContainer fixed ist, und den background enthält. Logo enthält das Logo als Background-image.

Main ist der scrollbare Bereich, und der müsste sich visuell quasi zwischen die Layer LogoContainer und Logo schieben, so dass das Logo drüber liegt, und LogoContainer drunter.

Ist das so möglich? Habe nun schon viel rumprobiert mit position: relative und z-indezes aber bringt alles nichts. Entweder "Main" ist ganz drunter oder ganz drüber, über "LogoContainer"

Gruß!