Zeilenumbruch bei fixed

[ChrisB]

Hi,

eine Navigationszeile habe ich am oberen Fensterrand fixiert.

Damit der folgende Inhalt nicht unter diesem Bereich versteckt wird, beginnt er mit zwei Leerzeilen.

Das ist schon mal pfui. Nutze CSS (margin/padding), um Abstände zu erzeugen, nicht „Leerzeilen“.

Wenn ich nun aber das Fenster stark verschmälere (Test für Smartphones), belegt der Navigationsbereich drei oder vier Zeilen und der Inhalt wird doch verdeckt.

Wie kann ich dieses Problem lösen?

Fixed ist auf kleinen Displays sowieso keine gute Idee.

Stichwort: CSS3 Media Queries – damit kannst du das ganze so umbauen, dass fixed auf zu kleinen Displays einfach durch static ersetzt wird.

MfG ChrisB