Laufende Fusszeile

LeKo · 22. Juli 2011, 21:18

Hallo Leute,

und wieder habe ich eine Frage!

Ich will auf meiner Homepage eine laufende Fusszeile einfügen. Das heißt, ein schmaler Balken, so breit wie die Website soll immer automatisch unten sein. Dort soll "nach oben", "Sitemap" etc. stehen.
Natürlich soll die "mitlaufen" und auf jeder Seite dann sein.

Ich habe schon gegoogelt und die Sachen auf SELFHTML ausprobiert, aber das klappt bei mir irgendwie nicht

MfG,
LeKo

JaffaCoder · 22. Juli 2011, 21:21

Post doch mal deinen Code

LeKo · 22. Juli 2011, 21:26

Hier bei SELFHTML ( physik.uni-ulm.de/theo/selfhtml/tdcj.htm#a7 ) bei
laufende Kopf-/Fußzeilen.

Wenn ich das <style ...> in den <head> Bereich der HTML-Datei reinpack, passiert nichts.

MfG,
LeKo

Rondrer · 22. Juli 2011, 21:40

So wie ich das verstehe, ist das was du verlinkt hast nur für Drucklayouts. Für das was du vor hast sollte
de.selfhtml.org/css/layouts/fixbereiche.htm

funktionieren

LeKo · 22. Juli 2011, 21:49

Also müsste ich bei mir das hier in die HTML-Datei reinschreiben:

<head>
<style type="text/css">
body
#Inhalt #Fusszeile {
font-size: 0.9em; margin: 200em 0 0; padding: 0.1em; text-align: center; background-color: #fed; border: 1px solid silver;
}
</style> </head>
<
body
>
<div id="Inhalt">
Sie haben tatsächlich bis hierhin gescrollt? ;-) </div>
</body>

Stimmt das jetzt?

MfG,
LeKo

Rondrer · 22. Juli 2011, 22:01

jetzt bin ich verwirrt, ich glaub ich hab nicht ganz verstanden was du mit "mitlaufen" meinst... Ich hab gedacht es geht darum, dass die Fußzeile immer am unteren Bildschirmrand "klebt" und auch beim hoch und runterscrollen immer sichtbar und an der gleichen Stelle bleibt...

LeKo · 22. Juli 2011, 22:07

Genau das was du gerade gesagt hast, meine ich

Sry wegen der anscheinend schlechten Beschreibung

MfG,
LeKo

Rondrer · 22. Juli 2011, 22:11

ne, dann hat es ja doch gepasst

also von deinem Beispiel ausgehend würde ich es auf die Schnelle so machen:

Quellcode

<head>
<style type="text/css">
body
#Inhalt {
position: fixed; bottom: 0em; left:0em; width:100%;font-size: 0.9em; padding: 0.1em; text-align: center; background-color: #fed; border: 1px solid silver;
}
</style> </head>
<body>
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
<div id="Inhalt">
Sie haben tatsächlich bis hierhin gescrollt? ;-) </div>
</body>

Alles anzeigen

(die ganzen sind nur da, damit es auch was zum scrollen gibt

JaffaCoder · 22. Juli 2011, 22:11

Schau dir doch das hier an:

de.selfhtml.org/css/eigenschaften/positionierung.htm

Für dich wäre dann fixed wichtig

Edit: Rondrer war schneller

LeKo · 23. Juli 2011, 11:35

Ok, ich hab es auf deine Weise gemacht, Rondrer. Klappt super! Vielen Dank dafür *-*
Jetzt wollte ich noch fragen, ob ich in die Fusszeile noch "variable" Sachen einbauen kann z.B. "nach oben". Links ála "Sitemap", "Impressum" werden ja wohl klappen.

Mh, ich denke ich werd mich mal fest anmelden

MfG,
LeKo

JaffaCoder · 23. Juli 2011, 12:02

Wie meinst du das? Dynamisch?

Rondrer · 23. Juli 2011, 12:13

Ich hab auch keine Ahnung, was du in dem Zusammenhang mit dynamisch meinst, aber in der Fußzeile kannst du alles machen, was du auch sonst überall auf der Seite machen kannst.

LeKo · 23. Juli 2011, 12:20

Ok, dann werd ich das mal ausprobieren, wenns überall klappen sollte.

MfG,
LeKo

Edit: Danke, es klappt alles wie es sein soll

Laufende Fusszeile

Laufende Fusszeile

Quellcode

Teilen

Tags