Positionierung des Burgermenüs
bearbeitet von Rolf bSo, und dann fällt mir auf, dass Du für html und body `position:absolute` setzt, das ist eher unüblich. Was soll das bezwecken?
Dein Menü erscheint übrigens durchaus, es ist nur schwarz auf finsterblau und darum kaum zu erkennen.
Wenn Du vermeiden willst, dass das Aufklappen des Menüs das Grafikrose hinunterschiebt, musst Du dreierlei tun:
- position:relative für #menu-btn
- das div.responsive-menu in das div#menu-btn hineinlegen
- dem div.responsive-menu ein position:absolute geben. Mit top und left die Position wie gewünscht einstellen.
Wenn's das nicht war - hm. Was meinst Du mit `Burgermenü inline mit meinem Logo "Grafikrose zu positionieren`?
Dann könntest Du Dir noch Gedanken über den Sinn und Zweck von div.mobile-nav und dem leeren Div im div.menu-btn machen. Die Spans für das Burgermenü kannst Du auch anders positionieren, und dass sie über den Rand des div.menu-btn hinaushängen liegt an der Kombi von margin und width. Das einschließende DIV ist 50 breit, die Burger-Balken inclusive Margin 70. Da der Klick nur auf dem div gilt, führt das zu Merkwürdigkeiten bei der Bedienung.
Schließlich solltest Du die Konstruktion deines "non-burger" Menüs wegwerfen und neu machen. Das macht man nicht mehr mit Table, das geht genau wie im Burger-Menü mit UL und LI und passenden Styles. Dein Logo bekommst Du, genau wie das Menü, mit position:fixed; top:0; right;0 oben rechts angenagelt, dafür brauchst Du auch keine Table.
_Rolf_