Fußzeile am unteren Rand 
Autor: Michael G.
Besucht 901,
Followers 1,
Geteilt 0
Hallo,
ich brauche eure Hilfe.
Hier ist meine Testseite die ich auf Responsiv zur Zeit umstelle.
www.zeltsyasteme-goebel.de/test
Folgendes Problem.
Ich habe einen Accordeon Text, dafür habe ich einen Code eingetragen, damit die Fußzeile sich noch unten und oben bewegt wenn man die einzelnen Felder öffnet und schließt.
Das Problem ist das die Fußzeile immer zu weit oben ist.
Bei kleineren Ansichten sieht das nicht schön aus.
Gepostet am
Hallo
Bei einer Auflösung von kleiner 480px wird gar nichts mehr angezeigt. Siehe Bild.
Gruß Rainer
Autor
Ich weiß soweit bin ich noch nicht.
Es geht erstmal um die Fußzeilen höher
Wie hoch ist beim nächst kleineren Breakpoint der Footer? Ist der höher als bei der Desktopauflösung? Woher hast du den Code bekommen? Vielleicht kann der Code-Ersteller etwas einbauen?
Das liegt am Accordion Text, da dieser den unteren Inhalt beim öffnen weiter nach unten schiebt. Du brauchst einen Accordion Text, der eine feste Höhe einhält. Dies wäre z.B. der angebotene Accordion Text von Website. Allerdings ist der erste Abstaz immer geöffnet.
https://market.websitex5.com/de/objekte/vorschau/2d895af3-1219-4106-b1ab-3283c1cac41
Autor
Genau das ist das Problem, weil der 1. Absatz immer geöffnet ist
Hallo
Gebe mal folgenden css-Code ein.
@media (max-width: 479px) {
#imContentGraphics { height: calc(100vh - 100px); }
}
Die 100px sind die aufgerundete Höhe der Summe von Kopf und Fußzeile.
Gruß Rainer
Autor
Muss ich das für jeden Breakpoint machen?
Denn bei der kleinsten Ansicht kleiner als 480px funktionier es, aber höher nicht mehr
Einfach ausprobieren. Nur die 100px müssen an die Höhen der Kopf und Fußzeile angepasst werden.
Es ist auch günstiger height in min-height zu ändern. Es sollen ja zu niedrige Seiten in der Höhe angepasst werden, wenn ich das richtig verstanden habe.
Autor
Es soll einfach die Fußzeile immer am unteren Rand erscheinen, so wie es richtig sein soll.
Ist es vielleicht besser in der Fußzeile nicht so ein Bild einzufügen sondern vielleicht eine Hintergrundfarbe und dann das Logo einzeln?
Im Header dann das gleiche, wobei es hier mit den beiden Stichen links schwierig wird
Auch wenn der Seiteninhalt höher als der Bildschirm ist?
Hallo
Ob meine Vorschläge bei der V17 noch gehen weis ich nicht. Bei der V14 ging es auf meiner Seite.