Unten platzierter Footer
Der Footer befindet sich am unteren Rand des Wrappers
Absolute Positionierung passte eher in die Zeit, in der es nur wenige Bildschirmgrößen gab. Heute ist meiner Meinung nach eher das Ziel eine Website passend und lesbar auf vielen unterschiedichen Geräten anzuzeigen. #4 danke für den Hinweis, aber es soll ja grundsätzlich skalierbar bleiben. Das hatte mit Anka auch wunderbar funktioniert. Wenn man aber jetzt auf der Webseite schaut, dann ist der footer alles andere als das. Bei mobilden Geräten schaut das auch extrem bescheiden aus.... #5 Ist meine Frage wirklich so schwer zu lösen, dass ich keine Hilfe erhalte? Footer Bottom position (immer unten positionieren) | html.de - HTML für Anfänger und Fortgeschrittene. Würde mich wirklich sehr über einen engagierten Helfer oder eine Helferin freuen. #6 Hallo moonbootman Du hast bei deinen Aenderungen irgendwo ein DIV nicht richtig geschlossen. Zeige doch mal dein angepasstes;). #7 danke für Deine Antwort und Deine Hilfsbereitschaft. Habe sie mal in eine TXT umgewandelt, damit ich sie hochladen kann.... lG Enrico #8 Hallo Enrico Versuche es mal damit. #9 Perfekt, Problem gelöst! Herzlichen Dank!
5em 1em;} #footer { position: absolute; bottom: 0; width: 100%; line-height: 1. 5em; text-align: center; background: #8B8878;} HTML:
Der Footer befindet sich am unteren Rand des Wrappers
S. Eine Einschränkung gibt es natürlich: Du musst genau wissen, wie hoch dein Footer ist. Zuletzt bearbeitet: 13. Februar 2008 #3 Hi, und wenn die Höhe des Footers nicht bekannt ist, um ihn mit dem entsprechenden negativen margin-top -Wert nach oben zu schieben, positionierst du ihn eben am unteren Elementrand des wrapper-DIVs: Code: * { margin:0; padding:0;} html, body { height:100%;} #wrapper { position:relative; min-height:100%; height:auto! Footer immer ganz unten - Blog - Der Foobar Blog | Webentwicklung mal ganz einfach!. important; #footer { position:absolute; bottom:0; width:100%;}
Aus Jux und Tollerei wollte ich jetzt einen Facebook-Like und einen -Teilen-Button mit einbauen, und das in einem Footer. Die Buttons habe ich beide jeweils in ein Div gepackt und diesen per "float: left;" gesagt, das sie sich nebeneinander von links anordnen sollen. Zumindest stand in sehr vielen anderen Foren in denen ich mich umgesehen habe so ziemlich überall genau das. Bei mir funktioniert das aus unerfindlichen Gründen leider nicht, die Buttons werden untereinander angeordnet. Zur Seite kommt ihr hier: (Am Besten auf Lautlos stellen, nervige Musik im Hintergrund, außerdem hat sich der Footer von ganz unten in die Mitte der Seite verschoben, als ich die Seite am Localhost bearbeitet habe war das noch nicht so, komisch... Html footer immer unten google. ) Ich hoffe jemand von euch weiß woran es liegt und kann mir helfen. :) Vielen Dank und LG, Bluedragon1
- vielen dank Philastan ich küss dir die füße =) hat funktioniert! #4 ich habe allerdings ein neues problem festgestellt: dem footer habe ich nun "position:fixed;" verpasst allerdings liegt der footer jetzt als höchste eben selbst wenn z-index auf 0 gesetzt ist und das größte problem ist das der footer bei wenig inhalt nicht unter dem content (cont1) liegt. beispielsweise wenn ich mit der maus den viewport verkleinere liegt der footer über dem content, er sollte aber imemr unter dem content bleiben. #6 Und du meinst das es besser aussieht wenn dein Content über dem Footer liegt? Oder wie darf ich das verstehen? Footer in HTML unten, aber ohne fixed? (CSS). Kannst du einfach mal das Skizieren wie du es haben willst und hier hochladen? Ich weis grad nicht was du willst... ;) #7 tut mir leid aber es ist schwer zu erklären ich hätte doh ein paar screens direkt mit schicken sollen. das ganze sieht so rihtig aus: ein kleiner abstand zwischen der skyline (footer) und dem content (content 1) wenn ich aber den viewport verkleinere (ich ziehe das browser fenster mit der maus einfach kleiner) dann bekomm ich folgendes zu sehen: deshalb möchte ich halt das zwischen dem content und dem footer eine art abstand besteht damit sich beide container nicht überlappen.
#1 Hallo, liebe, hilfreiche Community, In einem anderen Forum hat mir Anka bei einem Problem sehr gut geholfen. nun habe ich aber das Problem, dass nach update des Templates die ganzen Anpassungen unwirksam geworden sind. Ich habe die schon angepasst und die Codes überprüft Der Footer hängt teils unkontrolliert in der Mitte des Bildes, das Bild ist nicht mehr komplett über den ganzen Inhalt (mobile Ansicht Mobiltelefon Portrait-view) und vieles mehr. Der Footer möge aber bitte IMMER ca. Html footer immer unten video. 20px vom unteren Rand entfernt sein, egal welches Gerät man verwendet. Hat bitte jemand eine Lösung für dieses nervige Problem? lG #2 Argh... eben bemerkt, dass der Link zur Seite schon wieder auf halber Strecke verloren gegangen ist.... lG und danke #3 Du hast ja schon einmal CSS-Dateien bearbeitet. Wenn du den Footer fixt im unteren Bereich anzeigen willst, könntest du in der Klasse tm-block-footer folgende Eigenschaften einfügen. position: absolute; top: 90%; width: 100%; Überleg dir aber, ob du dass wirklich willst.