Header Positionierung

[kleinerdonner]

Hallo,
ich habe ein Header Positionierungsproblem, das aber wohl eher vor der Tastatur sitzt.

Also:
Ich habe mir einen Header mit Bild(Modul) im Standardlayout und Slider auf der Startseite samt überlagertem Logo erstellt.
Darunter liegt eine horizontale mehrstufige Navigation.
Die Navigation ist mit Position top:300px ablsolut positioniert.
(#header .mod_navigation ul {
width:100%;
top:300px;
position:absolute;
float:left;
background-color:#000;
list-style-type:none;
})
Bei full screen soweit so gut. Desgleichen im mobilen Seitenlayout.
Der Header hat eine Höhe von 350px, weil mir sonst der Container in den Header rutscht.

Wird das Fenster nun aber schmaler geschoben, wird das Bild (width=100%) auch proportional kleiner, die Navigation bleibt aber an ihrer Stelle und es entsteht eine häßliche Lücke.
Logisch bei der absoluten Positionierung der Navigation.
Aber wie sage ich meiner Navigation, dass sie entsprechend mit nach oben rutschen soll, wenn die Elemente drüber kleiner werden?

Ich bin für jeden Rat dankbar.

[KlausGrenoble]

Willkommen im contao-Forum.
Mit einem Link bekommst Du sicherlich eine rasche Antwort.

[tab]

...
Wird das Fenster nun aber schmaler geschoben, wird das Bild (width=100%) auch proportional kleiner, die Navigation bleibt aber an ihrer Stelle und es entsteht eine häßliche Lücke.
Logisch bei der absoluten Positionierung der Navigation.
Aber wie sage ich meiner Navigation, dass sie entsprechend mit nach oben rutschen soll, wenn die Elemente drüber kleiner werden?

Mit nicht absoluter Positionierung?

Edit: Aber stimmt schon. Ist schwer zu sagen, wenn man nicht genau weiss was da im Header wie drin ist und wie das CSS dazu aussieht.

[kleinerdonner]

http://www.vielevielepunkte.de/meat/...p/angebot.html

[willshedo]

Hi,

wenn alles sich proportional verkleinern und mitrutschen soll, geht das nur ohne feste Pixelangaben und absolute Positionierungen.
Also auf keinen Fall sowas wie top:300px und position:absolute.

Versuch mal, dem 'headerbild' und 'mod_navigation' (nicht dem 'ul') position:relative, float:left und width:100% mitzugeben und die festen Positionierungen rauszunehmen. Dann müßte das klappen.