footerstick alt

[skittles]

Also ich versuche Krampfhaft, den Footer unten anzukleben!
Nur leider will er nicht!

Also ich hab den Code von http://www.themaninblue.com/experiment/footerStickAlt/

# footerStickAlt example with long content
# footerStickAlt example with short content


Hier die Page!
http://212.186.65.28/schwarzkopf32/index.html

Ich weiß nicht woran das liegt!
Zweckdienliche Hinweise erwünscht.

Na bitte wirklich! Ich check das grad nicht.

[Laus]

Hallo Skittles

Du darfst in diesem Fall nicht einfach die angaben von dieser Seite übernehmen. Du musst sie vielmehr in deine Seite einbauen. html und body gibst du ein height: 100%. mit nonfooter ist der letzte Container vor dem footer gemeint, in deinem Fall content. Ihm gibst du ein

Code: Alles auswählen

padding:0 0 höhe deines footers + eventuell  5px 0;

deinem footer gibst du ein

Code: Alles auswählen

position: absolute;
bottom:0;           
margin: - höhe deines footers + eventuell 5px 0 0 0;
bei dir
margin: -85px 0 0 0;

Anschließend kommen noch die Angaben für den IE bei dir zum Beispiel

Code: Alles auswählen

* html #content {height:100%;}
* html #footer {margin-top: -85px; }

Schau dir mal diesen Beitrag von mir an dort habe ich footer stick alt eingebaut und gut auskommentiert

[skittles]

Danke dir erstmal!
Aber bewirkt hat das ganze nur, dass der Footer jetzt rausgerutscht ist und direkt nach dem header kommt!

http://212.186.65.28/schwarzkopf32/

[Laus]

Hallo

Hab Grade nochmal deine Seite angesehen, Du hast ja einen alles umschließenden wrapper, dann greift footer stick alt leider nicht, da dein footer ja nicht das letzte Element im Seitenfluss ist.
Versuche folgendes, entferne zuerst die Angaben für footer stick alt alle. Da im FF und Opera der footer auch ganz unten ist besteht das Problem ja nur im IE. Gib dem IE ein

Code: Alles auswählen

*html #wrapper {bottom:0;} 

Damit sollte sich der untere Abstand beseitigen lassen.
Gruß Xaver

[skittles]

Hi Laus!

Da im FF und Opera der footer auch ganz unten ist besteht das Problem ja nur im IE.

Also dem ist leider nicht so!
zumindest bei mir!
Auf den Seiten Kontakt bzw Impressum ist der footer nicht unten!

Und wenn ich den wrapper entferne? dann haut mir das, wieder das ganze Layout zam!
Ist ja echt zum verzweifeln!

[Laus]

Was hast du jetzt gemacht? Bei mir wird in allen Browsern alles korrekt angezeigt FF Opera IE6 und IE7 Auflösung 1024 x 768.

[skittles]

liegt wahrscheinlich an der auflösung!
Wenn genügend Inhalt vorhanden ist geht es sich wahrscheinlich aus!

hier mal nen Screen wie es bei mir aussieht bei 1280 * 1024
Dualscreen! Also man siehts da genau!
Beim IE geht es sich sogar fast aus!
Beim FF ist da doch noch mehr Rand unten!

[Laus]

Sorry aber ich habs jetzt mit 3 verschiedenen PCs und drei verschiedenen Betriebssystemen getestet jeweils in der Auflösung 1024x768 und 1280x1024unter Win XP Win 2000 und Suse Linux 10.
Alle Browser bis auf Konqueror der einen kleinen Rand unten anzeigt, richtig und einwandfrei.
Lösche mal deine Chash vieleicht liegts ja eventuell daran.
Gruß Xaver

[skittles]

auch hier?
http://212.186.65.28/schwarzkopf32/kontakt.html

ich danke dir laus, dass du das alles getestet hast *gg*

hab gerade cache gelöscht! Aber bleibt bei mir immer so wie am screenshot!
Na spinn ich jetzt schon?

[skittles]

Ich bin wiedermal am verzweifeln. Ich habe Footerstick alt wieder einmal gebraucht und es wieder mal nicht hinbekommen.
Gut Footer klebt unten, doch unten ist viel zu weit unten
Hab den margin von -7.5 auf -20 erhöht und damit erreicht dass der inhalt weiter oben ist, aber trotzdem gibt es Inhalt nach dem Footer -> Scrollleisten

Könntest du dir das ansehen Laus? oder jemand anderer? Wäre echt sehr dankbar.

AJa Link:
http://84.114.13.186/wandschneider/07/

[Laus]

Hallo skittles

Schmeiss mal non footer raus. Das div non footer hast du ja sowiso und heisst bei dir page Gib page noch ein position: relative; dazu.
Deinem footer gibst du eine höhe zB. height:7em; und diese 7em mimmst du dem footer dann über das negative margin wieder.

Gruß Xaver