Hallo, arbeite an einem eigentlich sehr simplen responsive Design, aber ich krieg's einfach nicht hin, die Sidebar nach untern zu zwingen, wenn ich auf einer Ansicht für mobile Bildschirme bin. Sollte eigentlich eine Anfänger-Sache sein, aber ich bin betriebsblind.
Hier der Link:
http://fidelitas-hauskrankenpflege.de
Die HTML/PHP-Struktur auf der index.php ist so:
[INDENT]get header (mit Menü)
get sidebar (mit Seitenmenü - Sidebar ist LINKS)
loop im Container "main"
get footer[/INDENT]
Jetzt will ich, dass die Sidebar unter den Container "main" rutscht. Das würde funktionieren, wenn ich "get sidebar" in der index.php unter den Container "main" setzen würde, aber dann floatet die Sidebar nicht mehr links.
Wie kann ich HTML/PHP + CSS verändern, dass unter den Angaben für Media screen die Sidebar ganz unten dargestellt wird? Mit dem Footer habe ich übrigens auch Porbleme. (Der Statische Text in der Sidebar ist in der Mobilversion ausgeblendet - erkennt man, wenn man sich die Website anguckt.)
Dann noch ein Bug: Die Schrift für das Telefon soll kleiner sein. Wird auch so angezeigt, wenn ich das Telefon vertikal ausgerichtet habe, aber nicht, wenn ich es horizontal halte, obwohl der Rest von Media screen übernommen wird. Rätsel über Rätsel.
Kann einer helfen?