Header ohne Höhenangabe wird von Container überblendet

[Hoch-3]

Guten Abend

Für die Smartphone-Ansicht habe ich über @media einiges umgestellt. So zum Beispiel die Naiv. Die ist nicht mehr quer sondern hoch und mit den Unterseiten ein- und ausgeblendet, je nachdem, ob man auf dem entsprechenden Menupunkt ist. Darum soll der Header auch keine fixe Höhe mehr aufweisen. Sobald ich aber die height: auto eingebe, wird der Header vom folgenden Container überblendet. Sobald ich zum testen irdendeine Höhe eingebe, wird der Header so weit angezeigt. Min-Height hat auch nur den Effekt der height, auch wenn die Navi länger wäre.

Help! Bitte.

Hier noch der Link zur Seite: http://www.zen-com.com/neu

[plastiko]

#header .header_logo und #header .mod_customnav haben position: absolute.
Damit können diese Elemente #header nicht Auseinanderrücken.

Im passenden media query kannst du das überschreiben:

#header .header_logo, #header .mod_customnav {
position: static;
}

[Hoch-3]

Jens, du bist mein Held. Herzlichen Dank für den Hinweis. Wieder mal was an CSS gelernt. Weiss nicht, ob ich da drauf gekommen wäre. Ich werds dann mal genauer analysieren, in der Hoffnung, dass ich auch verstehen werde, warum das geklappt hat. :-)
Beste Grüsse
René