03.03.2024, 23:25
Da sehe ich jetzt drei Probleme:
1. Den Button für das Toggeln bekomme ich nicht zu Gesicht weil er sich innerhalb der Sidebar befindet und die ist bei schmalem Viewport zunächst unsichtbar.
2. Zu dem nav.sidebar#sidebar muss es einen Container geben, in den das HTML hinein geladen wird. Dieser muss eine andere ID haben, z. B. sidebar-cont.
3. Wenn Du die Sidebar so lädst und das geladene HTML in den Container einträgst, darf dieses HTML kein Grundgerüst enthalten, denn dieses wird ja auch in den Container eingetragen, so dass es am Ende doppelt ist.
Wenn ich den Button aus dem sidebar-HTML heraus ziehe und auch die beiden anderen Maßnahmen umsetze, funktioniert zumindest das Ein- und Ausgleiten.
Mein HTML zum Testen:
1. Den Button für das Toggeln bekomme ich nicht zu Gesicht weil er sich innerhalb der Sidebar befindet und die ist bei schmalem Viewport zunächst unsichtbar.
2. Zu dem nav.sidebar#sidebar muss es einen Container geben, in den das HTML hinein geladen wird. Dieser muss eine andere ID haben, z. B. sidebar-cont.
3. Wenn Du die Sidebar so lädst und das geladene HTML in den Container einträgst, darf dieses HTML kein Grundgerüst enthalten, denn dieses wird ja auch in den Container eingetragen, so dass es am Ende doppelt ist.
Wenn ich den Button aus dem sidebar-HTML heraus ziehe und auch die beiden anderen Maßnahmen umsetze, funktioniert zumindest das Ein- und Ausgleiten.
Mein HTML zum Testen:
Code:
<body>
<button class="sidebar-toggle" id="sidebar-toggle">
<img src="images/buttonrightp.png" alt="menu da barra lateral">
</button>
<div id="sidebar-cont"></div>
<main></main>
</body>
Glaube denen, die die Wahrheit suchen, und zweifle an denen, die sie gefunden haben.
(Andrι Gide (1869-1951), frz. Schriftst., 1947 Nobelpreis)
(Andrι Gide (1869-1951), frz. Schriftst., 1947 Nobelpreis)