ARTICLE
WRAPPER
Beispieltext kurz. Sticky Footer - Fußleiste am unteren Ende der Website einsetzen.
Kleine Sektflaschen Hochzeit
#1 Hallo liebe Leute, ich habe mich hier angemeldet weil ich echt nicht mehr weiter weiß, ich hoffe ihr könnt mir bei meinem Problem helfen. Es geht um eine Seite die ich gerade aufbaue. Dort positioiere ich einen Footer so (bzw. Html footer immer unten command. versuche es so zu positionieren=)) das er egal welche Auflösung der Betrachter hat immer unten am ViewPort positioniert wird. Egal wie groß der Content ist (der Inhalt der Seite) so soll auch der Footer immer unterhalb positioniert werden. Gibt es nur wenig Inhalt soll dennoch der Footer immer unten bleiben. Ich poste zusätzlich mal den Quelltet mit: HTML:
5em; article h1 { color:#000000; font-weight:bold; text-align: center;} footer { width:100vw; height:5em; background-color: #000000; Das was und eigentlich interessieren sollte ist die ID "wrapper" (#wrapper), hier wird die minimale Höhe des "wrappers" auf 100% des sichtbaren Bereiches festgelegt (vh). Jetzt kommt eine Möglichkeit die man seit HTML5 eingeführt hat, nähmlich "calc". Man kann ENDLICH mal absolute (px, pt, cm usw. ) mit relativen (em, %, vh, usw. ) kombinieren. In diesen Fall sagen wir den Browser: "Wenn der Inhalt nich mehr Platz braucht nimm 100% der sichtbaren Höhe und ziehe davon die Höhe des Footers (5em) und den Rahmen des Footers (6px, 3px unterer Rahmen, 3px oberer Rahmen) ab. " Hier könnt ihr euch das mal live anschauen, oder einfach runterladen. Footer am unteren Browserrand positionieren – Contao Community Documentation. download Fatal error: Array and string offset access syntax with curly braces is no longer supported in /customers/c/c/a/ on line 36
1
Bsp. 2
Beispieltext kurz. Sticky Footer - Fußleiste am unteren Ende der Website einsetzen. ARTICLE
WRAPPER