Hallo und "Frohes neues Jahr"!
Ich möchte gern am oberen Seitenrand eine feste Menüleiste anzeigen, hinter welcher der übrige Seiteninhalt beim Scrollen verschwindet.
Die Höhe der Menüleiste soll sich an dessen Inhalt orientieren.
Wie mache ich nun dem nachfolgenden DIV klar, dass es erst unterhalb des Menü beginnen soll, ohne feste Werte für Höhe und Position zu verwenden?
kurze Antwort: gar nicht!
lange Antwort: Sobald du einem Element per position den Wert absolute oder fixed zuweist, wird das betreffende Element aus dem "normalen Fluß" der Elemente herausgenommen. Somit kann es keine anderen Elemente auf der Seite mehr "beeinflussen", bzw. sich diese an ihm ausrichten.
Hier fehlt in CSS leider eine Möglichkeit, Werte von anderen Elementen als Eigenschaftswert für ein Element anzugeben.
In deinem Fall bräuchtest du so etwas wie (ACHTUNG - Pseudocode!!!):
#Content {
margin-top: [height#Menue]px;
}
Aber wie gesagt, bis jetzt gibt es eine solche Möglichkeit nicht.
Hier hilft eigentlich nur eine Javascript-Variante weiter, denn von einem "Würgaround" wie etwa ein zweites DIV-Element mit identischem Inhalt, welches aber im "normalen Fluß" verbleibt, ist dringend abzuraten.
Gruß Gunther