nicht angemeldet
Mahlzeit,
einer meiner aktuellen Kunden will links ein feststehendes Menü. Soweit kein Problem, wird per CSS erledigt.
Jetzt will er aber links unten auch noch ne Box mit den Firmendaten. Im Prinzip auch kein Problem, einfach ein position: fixed; bottom: 5px;
Das Problem tritt jetzt aber auf, wenn der Viewport zu "kurz" ist, also die Höhe eine bestimmte Grösse unterschfreitet. Da schiebt sich die ober Box über die untere. Ähnlich ist es auch mit der Breite, da verschiebt sich der Hauptbereich ebenfalls unter die festen Boxen.
Mit prozenduralen Breiten kann ich nicht arbeiten, da der Kunde ein Menü will, dass eine gleichbleibende Breite hat.
Gibt es eine Möglichkeit, das Layout so zu gestalten, dass die eine Box oben links und die zweite unten links ist, sich bei zu geringer Auflösung die Boxen aber nicht übereinander schieben. Ob die "Box" nun ein div-Container oder was anderes ist, ist mir wurscht ;)
Ich hab das Beispiel leider nicht im Netz verfügbar, nur aufm Testserver. Grundsätzlich sollte es aber in etwa so aussehen:
+--------+ +----------------------------+
| | | |
| | | |
| | | |
| | | |
+--------+ | |
| |
| |
+--------+ | |
| | | |
+--------+ +----------------------------+
Wenn das grundsätzlich so nicht machbar (also dass es bei kleinerer Auflösung lesbar bleibt ohne Überschneidungen) ist, reicht mir das als Aussage, dann berate ich den Kunden um. Wenns aber machbar ist wäre ich um Tipps dankbar. Ich merke mal wieder, ich bin mehr der Backendprogrammierer als der Designer. Bei dem Budget ist aber kein externer Designer drin.
Eine ANpassung per Javascript bei zu kleinen Viewport wäre zwar machbar aber ich setze bei sowas ungern Techniken sein, die evtl. nicht verfügbar sind.