[GastForen Web allgemein HTML und CSS / Stylesheets Footerbild immer am unteren Bildschirmrand?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Footerbild immer am unteren Bildschirmrand?

Sacha Heck
Beiträge gesamt: 3278

28. Jan 2013, 10:31
Beitrag # 1 von 6
Bewertung:
(7256 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

Ich möchte auf einer Website (die unter Wordpress läuft) einen Footer anlegen mit einem Bild, das 1. über die Breite gekachelt wird und 2. sich immer am unteren Bildschirmrand befindet. Es sind sicher nur ein paar kleine Zeilen CSS, oder? Ich habe im Netz etwas gesucht und unter »Sticky Footer« auch einiges gefunden, nur ist da nie ein Bild im Spiel. Hat jemand schon mal sowas gebaut?

Danke für Ideen.

Viele Grüße,
Sacha



mediengestalter.lu

X

Footerbild immer am unteren Bildschirmrand?

FSt
  
Beiträge gesamt: 1961

28. Jan 2013, 11:07
Beitrag # 2 von 6
Beitrag ID: #507422
Bewertung:
(7236 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sacha

Wenn Du eine Lösung gefunden hast, die immer unten am Bildschirm "klebt", dann hast Du die Lösung eigentlich schon - denke ich jedenfalls.
Vermutlich dürfte es sich um einen div-Container handeln, der da unten hin geklebt wird. Jetzt musst Du nur noch die Höhe festlegen, die Breite ergibt sich ja von selbst. Dann kachelst Du das von Dir gewünschte Bild in den Hintergrund. Sollte eingentlich funktionieren, ausser Deine Bilder müssen auch klickbar sein, dann geht's nicht als HG-Bild.

Gruss
Martin


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch


als Antwort auf: [#507419]

Footerbild immer am unteren Bildschirmrand?

Sacha Heck
Beiträge gesamt: 3278

28. Jan 2013, 11:39
Beitrag # 3 von 6
Beitrag ID: #507423
Bewertung:
(7217 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Martin,

Zitat dann hast Du die Lösung eigentlich schon - denke ich jedenfalls.

Ja ich hab das gefunden:
http://www.html-seminar.de/...eiste-ganz-unten.htm
Ich teste das mal heute abend :)

Viele Grüße,
Sacha


als Antwort auf: [#507422]

Footerbild immer am unteren Bildschirmrand?

FSt
  
Beiträge gesamt: 1961

28. Jan 2013, 11:59
Beitrag # 4 von 6
Beitrag ID: #507425
Bewertung:
(7200 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Code
* { 
margin: 0;
padding: 0;
}

html, body {
height: 100%;
}

#seite {
position: relative;
min-height: 100%;
width: 550px;
margin: 0 auto;
background-color: silver;
}

#inhalt {
background-color: orange;
padding-bottom: 2em;
}

#fussbereich {
position:absolute;
bottom: 0;
width: 100%;
background-color: url(/images/hg-bild.gif) repeat;
height: 2em;
}


Die Werte musst Du natürlich noch an Deine Vorstellungen anpassen.


Wer noch mehr HDS will – PremiumMember wissen wieso
https://www.hilfdirselbst.ch/...m.cgi?do=membership;
http://www.wpms.ch


als Antwort auf: [#507423]

Footerbild immer am unteren Bildschirmrand?

Sacha Heck
Beiträge gesamt: 3278

14. Feb 2013, 20:57
Beitrag # 5 von 6
Beitrag ID: #508333
Bewertung:
(7047 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

So ich hab jetzt endlich ein wenig Zeit gefunden damit rum zu spielen. Ich schaffs dass ich unten ein Footer-Bild immer habe das sich kachelt nur geht das nicht mit dem Browserfenster mit wenn ich das größer und kleiner ziehe. Ich find nicht raus an was es liegt. Ich habe ein Beispiel gefunden das genau so ist wie ich es haben möchte aber ich find nicht raus was genau macht, dass das immer unten klebt?? Hier ist die Seite.

Kann mich jemand aufklären?

Danke :)
Viele Grüße,
Sacha



mediengestalter.lu



als Antwort auf: [#507425]

Footerbild immer am unteren Bildschirmrand?

drerol74
Beiträge gesamt: 433

14. Feb 2013, 23:25
Beitrag # 6 von 6
Beitrag ID: #508340
Bewertung:
(7027 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sacha,

kennst du Firebug für Firefox. Damit kann man das gut auslesen:

Code
body#fourOhFour #Clouds { 
background: url("/static/images/404/404error_clouds.png") repeat-x scroll 0 0 transparent;
bottom: 0;
height: 195px;
left: 0;
position: fixed;
right: 0;
top: auto;
width: 100%;
}


Code
<div id="Clouds"> </div> 


Schöne Grüße
Roland


als Antwort auf: [#508333]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
26.11.2020

Wie schafft man einen gleichbleibenden Farbeindruck im Druck und elektronischer Ausgabe? Peter Jäger erklärt wie es geht!

Zoom Meeting
Donnerstag, 26. Nov. 2020, 19.00 - 21.01 Uhr

Vortrag

Agenda: Vorstellung Verein freieFarbe e.V. und pro2media gmbh Was verlangt der Kunde? Gleichbleibende Farbe über sämtliche Ausgaben? Für welche Ausgaben (Offset- oder Digitaldruck, Kopiersysteme, elektronische Ausgaben) Umgang mit Farben bisher: mehrere Logos- und Bildvarianten Logo Entwicklung heute: anhand pro2media gmbh, ausgehend von nur einer Logovariante Crossmediale Farben bestimmen Einsatz von Hilfsmitteln wie digitaler- und gedruckter Farbatlas und Gamutmap.com Sauberes Farben CD erstellen mit eindeutig definierten Werten Umsetzung in den Softwaren (Word, FileMaker, InDesign, Illustrator, Web CMS, OpenSource usw.) Verarbeitung in den Druckereien (anhand Callas pdfToolbox)

Nein

Organisator: InDesign Usergroup Stuttgart

Kontaktinformation: Christoph Steffens, E-Mailidug AT satzkiste DOT de

idugs66.eventbrite.com

Grafik- und Bilddaten crossmedial aufbereiten
Veranstaltungen
30.11.2020 - 01.12.2020

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Montag, 30. Nov. 2020, 08.30 Uhr - Dienstag, 01. Dez. 2020, 17.00 Uhr

Kurs

Im Kurs lernen Sie die Schritte vom Import des Rohmaterials bis zum fertig exportierten Clip kennen. Dazu zählen die Materialverwaltung, das Trimmen für Roh- und Feinschnitt, Blenden, Titel und Effekte und eine Übersicht über die wichtigsten Formate.

Preis: CHF 1'700.-
Dauer: 2 Tage

Nein

Organisator: Digicomp Academy AG

Kontaktinformation: Isil Günalp, E-Mailisil.guenalp AT digicomp DOT ch

https://www.digicomp.ch/weiterbildung/software-anwendungs-trainings/adobe-trainings/video-und-audio-publishing/adobe-premiere-pro-cc/kurs-adobe-premiere-pro-cc-basic

Neuste Foreneinträge


Zwei Fragen zur Tabelle

Externe Verlinkung in Indesign ohne www

Glyphen-Salat

Transparente Klebefolie bedrucken

Grep suche nur erster Fund anzeigen

Script um 2 Items von CC Library auf eine Seite zu plazieren

Bilder exportieren

Satz für blinde bzw. seheingeschränkte Menschen

Mockup Alias Ebene erstellen

Preflight Ticket Signature Preflight.p12
medienjobs