Nabend, weiter gehts: Ich habe alles ersteinmal stark vereinfacht zu meinem besseren Verständnis: TEST 1: [TEST 1 auf Bplaced.net - misanthrop](http://misanthrop.bplaced.net/test/open-public__july24/slidemenue2_18-03-25.html) Habe ein zweispaltiges GRID konstruiert, rechts soll das Hauptmenü hin: Meine Frage dazu: [](/images/3539d704-0460-11f0-838c-9c6b00263d9f.jpg) Frage 1: Wäre es möglich das die blau umrandete Box mit seiner rechten Seite an der rechten Seite der gestrichelt orangenen Box anklebt (siehe den Pfeil!)? Nicht wie jetzt, das er am linken orangenen Rand angepinnt ist. irgendwie möchte mir das nicht gelingen. Problem dabei: Die blau umrandete Box ist position absolute. Ich möchte etwas ausprobieren, dazu brauche ich diese Info. b) Wie bekomme ich den Inhalt der blauen Box übereinander und auch getrennt? TEST 2: [TEST 2 auf Bplaced.net - misanthrop\]](http://misanthrop.bplaced.net/test/open-public__july24/slidemenue3_19-03-25.html) Hier habe ich nun versucht das Hauptmenü mit popover einzusetzen: Hier der Link zur Einzeltestversion: [PopoverHauptmenü bei Bplaced.net - misanthrop](http://misanthrop.bplaced.net/test/open-public__july24/nav-demo_18-03-25.html) Das wirkt schonmal ganz gut... was mir immer noch nicht gefällt und zwar nur bei Firefox ist, das wenn man das Menü schließt es einfach verschwindet und NICHT wie bei den anderen Browsern es langsam zurückslidert. Auch wenn ich den script-link zum Polyfill eingesetzt habe. Was stimmt da immer noch nicht. b) Weshalb öffnet & schließt das Menü direkt am rechten Rand? Das Menü dürfte doch im aside-GRID beheimatet sein. Was stimmt da nun wieder NICHT? Da mein vorheriger Post editiert wurde und einige Fragen wegfielen: Zum TAB-Skip ~~~ HTML <nav id="tabskip" aria-label="Schnellnavigation"> <a href="#global-nav">Zur Hauptnavigation springen (Enter drücken)</a> <a href="#content-nav-box">Zur Inhaltsübersicht springen (Enter drücken)</a> <a href="#main">Zum Hauptinhalt springen (Enter drücken)</a> <a href="#rechtliches-footer">Zum Footer springen (Enter drücken)</a> <a href="#scroll-to-top">Zum Skip-Button springen (Enter drücken)</a> </nav> ~~~ Das habe ich nun direkt nach *body* eingefügt. Wäre es so RICHTIG, das man **erst** dorthinspringt und beim zweiten TAB-betätigen der Link den blauen Rand bekommt? Oder MUSS er sofort den blauen Rand erhalten. Die Reihenfolge wie es *bedient* wird, wäre nun klar. Gute n8 T.

Nabend, weiter gehts: Ich habe alles ersteinmal stark vereinfacht zu meinem besseren Verständnis: TEST 1: [TEST 1 auf Bplaced.net - misanthrop](http://misanthrop.bplaced.net/test/open-public__july24/slidemenue2_18-03-25.html) Habe ein zweispaltiges GRID konstruiert, rechts soll das Hauptmenü hin: Meine Frage dazu: [](/images/3539d704-0460-11f0-838c-9c6b00263d9f.jpg) Frage 1: Wäre es möglich das die blau umrandete Box mit seiner rechten Seite an der rechten Seite der gestrichelt orangenen Box anklebt (siehe den Pfeil!)? Nicht wie jetzt, das er am linken orangenen Rand angepinnt ist. irgendwie möchte mir das nicht gelingen. Problem dabei: Die blau umrandete Box ist position absolute. Ich möchte etwas ausprobieren, dazu brauche ich diese Info. b) Wie bekomme ich den Inhalt der blauen Box übereinander und auch getrennt? TEST 2: [TEST 2 auf Bplaced.net - misanthrop\]](http://misanthrop.bplaced.net/test/open-public__july24/slidemenue3_19-03-25.html) Hier habe ich nun versucht das Hauptmenü mit popover einzusetzen: Hier der Link zur Einzeltestversion: [PopoverHauptmenü bei Bplaced.net - misanthrop](http://misanthrop.bplaced.net/test/open-public__july24/nav-demo_18-03-25.html) Das wirkt schonmal ganz gut... was mir immer noch nicht gefällt und zwar nur bei Firefox ist, das wenn man das Menü schließt es einfach verschwindet und NICHT wie bei den anderen Browsern es langsam zurückslidert. Auch wenn ich den script-link zum Polyfill eingesetzt habe. Was stimmt da immer noch nicht. b) Weshalb öffnet & schließt das Menü direkt am rechten Rand? Das Menü dürfte doch im aside-GRID beheimatet sein. Was stimmt da nun wieder NICHT? Da mein vorheriger Post editiert wurde und einige Fragen wegfielen: Zum TAB-Skip ~~~ HTML <nav id="tabskip" aria-label="Schnellnavigation"> <a href="#global-nav">Zur Hauptnavigation springen (Enter drücken)</a> <a href="#content-nav-box">Zur Inhaltsübersicht springen (Enter drücken)</a> <a href="#main">Zum Hauptinhalt springen (Enter drücken)</a> <a href="#rechtliches-footer">Zum Footer springen (Enter drücken)</a> <a href="#scroll-to-top">Zum Skip-Button springen (Enter drücken)</a> </nav> ~~~ Das habe ich nun direkt nach *body* eingefügt. Wäre es so RICHTIG, das man **erst** dorthinspringt und beim zweiten TAB-betätigen der Link den blauen Rand bekommt? Oder MUSS er sofort den blauen Rand erhalten. Die Reihenfolge wie es bedient wird, wäre nun klar. Gute n8 T.

Nabend, weiter gehts: Ich habe alles ersteinmal stark vereinfacht zu meinem besseren Verständnis: TEST 1: [TEST 1 auf Bplaced.net - misanthrop](http://misanthrop.bplaced.net/test/open-public__july24/slidemenue2_18-03-25.html) Habe ein zweispaltiges GRID konstruiert, rechts soll das Hauptmenü hin: Meine Frage dazu: [](/images/3539d704-0460-11f0-838c-9c6b00263d9f.jpg) Frage 1: Wäre es möglich das die blau umrandete Box mit seiner rechten Seite an der rechten Seite der gestrichelt orangenen Box anklebt (siehe den Pfeil!)? Nicht wie jetzt, das er am linken orangenen Rand angepinnt ist. irgendwie möchte mir das nicht gelingen. Problem dabei: Die blau umrandete Box ist position absolute. Ich möchte etwas ausprobieren, dazu brauche ich diese Info. b) Wie bekomme ich den Inhalt der blauen Box übereinander und auch getrennt? TEST 2: [TEST 2 auf Bplaced.net - misanthrop\]](http://misanthrop.bplaced.net/test/open-public__july24/slidemenue3_19-03-25.html) Hier habe ich nun versucht das Hauptmenü mit popover einzusetzen: Hier der Link zur Einzeltestversion: [PopoverHauptmenü bei Bplaced.net - misanthrop](http://misanthrop.bplaced.net/test/open-public__july24/nav-demo_18-03-25.html) Das wirkt schonmal ganz gut... was mir immer noch nicht gefällt und zwar nur bei Firefox ist, das wenn man das Menü schließt es einfach verschwindet und NICHT wie bei den anderen Browsern es langsam zurückslidert. Auch wenn ich den script-link zum Polyfill eingesetzt habe. Was stimmt da immer noch nicht. b) Weshalb öffnet & schließt das Menü direkt am rechten Rand? Das Menü dürfte doch im aside-GRID beheimatet sein. Was stimmt da nun wieder NICHT? Da mein vorheriger Post editiert wurde und einige Fragen wegfielen: Zum TAB-Skip ~~~ HTML <nav id="tabskip" aria-label="Schnellnavigation"> <a href="#global-nav">Zur Hauptnavigation springen (Enter drücken)</a> <a href="#content-nav-box">Zur Inhaltsübersicht springen (Enter drücken)</a> <a href="#main">Zum Hauptinhalt springen (Enter drücken)</a> <a href="#rechtliches-footer">Zum Footer springen (Enter drücken)</a> <a href="#scroll-to-top">Zum Skip-Button springen (Enter drücken)</a> </nav> ~~~ Das habe ich nun direkt nach *body* eingefügt. Wäre es so RICHTIG, das man erst dorthinspringt und beim zweiten TAB-betätigen der Link den blauen Rand bekommt? Oder MUSS er sofort den blauen Rand erhalten. Die Reihenfolge wie es bedient wird, wäre nun klar. Gute n8 T.