nicht angemeldet
Hi!
Hier hilft eigentlich nur eine Javascript-Variante weiter...
Wie wäre denn hier die Vorgehensweise?
Bspw. wenn das DOM ready ist, die Höhe des Menü-Containers ermitteln und dem Content-Container dann den entsprechenden Abstand verpassen.
BTW: Oben im Viewport fixierte Elemente bereiten aber auch noch zusätzliche Probleme, wie etwa beim Anspringen von Ankern auf der Seite. Molily hat dazu einen zwar etwas älteren (von 2005), aber nach wie vor "aktuellen" Artikel veröffentlicht - lesenswert!
...von einem "Würgaround" wie etwa ein zweites DIV-Element mit identischem Inhalt, welches aber im "normalen Fluß" verbleibt, ist dringend abzuraten.
Warum eigentlich? Wenn man eine solche Kopie zu 100% Transparent macht könnte es doch als Platzhalter fungieren?
Nun, oberstes Gebot bei HTML sollte stets die korrekte Semantik sein, sowie die Vermeidung aller "Dinge", die nicht unmittelbar zum eigentlichen Inhalt gehören. Und du kannst/ darfst nicht davon ausgehen, dass in jedem Ausgabemedium auch CSS unterstützt, bzw. "verarbeitet" wird. Solche Clients würden also beide Elemente "ausgeben".
Gruß Gunther