CSS Footer ganz unten

[webdoktor]

Hallo zusammen

Ich bin am überarbeiten des Designs von www.younique.ch
Nun möchte ich, dass der Footer immer ganz unten ist auch
wenn der Text nicht lang ist:

http://www.younique.ch/index.php

Ich schaffe es einfach nicht, der Footer ist immer zu hoch resp.
geht nur bis unter den Inhalt.

Wer kann mir helfen? Habe schon so vieles versucht - leider ohne
erfolg.

LG Marco

 

[Benedict]

Hi Marco,

verstehe irgendwie nicht so richtig was du meinst... Soll der komplette weiße Kasten weiter nach unten oder nur der Text in dem Kasten? Oder soll, sofern die der Content-Bereich kleiner ist, nicht der Footer nach oben "verlängert" werden, sondern der Content-Bereich nach unten?

Gruß,
Benedict

 

[webdoktor]

Hi

Nun genau, der Footer soll nicht nach oben verlängert werden. Wenn du genau hinschaust
siehst du den footer unter (etwas weisser) dieser soll immer ganz unten sein.

Verstehst Du?

marco

 

[O_o]

Der Hintergrund für den Footer (..images/png/footer.png) ist 90px hoch und du legst im css für den div #footer 80px fest. Um unten den grauen Balken wegzubekommen, musst du die Höhe vllt auf 70px setzen.

Oder in

.footerkasten_links
.footerkasten_mitte
.footerkasten_rechts

vertical-align: bottom

setzen.

Probiere es mal aus ...

 

[webdoktor]

Hallo zusammen

Damit es etwas klarer wird habe ich es übersichtlicher gestalltet:

http://www.younique.ch/testneu/index.html

Der violette Footer sollte nun schön unten sein. Wenn es zuviel
Text gibt dann geht er schön mit. Das funktioniert:

http://www.younique.ch/testneu/index2.html

Wie schaffe ich es, dass es bei wenig Text der Footer trotzdem
ganz unten ist.

Hmm?

Freue mich auf eure Hilfe!
Marco

 

[Martin H]

kannst es Dir bei einem unserer Kundenprojekte abgucken:

http://www.gama-gmbh.ch/mitteilungen.cfm

Footer ist immer zuunterst. Egal wie lang der Inhalt ist.

Grüsse

Martin

 

[chris80]

bottom: 0px;

 

[webdoktor]

Hi Martin

Danke für Deine Nachricht. Hab schon einiges im Internet gefunden
aber irgendwie klappt das bei mir nicht. Verstehe es nicht ob ich
vielleicht irgendwo ein kleiner CSS fehler habe.... :-(

 

[the-indie]

Hallo Marco

Hatte das selbe Problem auch einmal. Folgende Seite hat mir geholfen:

CSS Sticky Footer

Gruss Patrick

 

[chris80]

hmm... warum so kompliziert...?!

bottom: 0px;

und absolute nicht relative.

Dann steht das div footer immer unten, egal bei welcher Browser/Fenstergröße oder Textelänge überhalb...

 

[webdoktor]

Hallo zusammen

Nun habe ich es fast geschafft d.h. im IE wird es nun richtig angezeigt. jetzt ist nur noch der Firefox
ein Problem d.h. dort geht der Text durch den footer - hat jemand noch eine Idee?

http://www.younique.ch/testneu/index.html

Gruss Marco

 

[webdoktor]

Hallo zusamme

So jetzt passt es auch im FF. Das war eine riesen Zangengeburt
Ein kleines Problem besteht noch, im IE ist der Footer nun bei vielem
Text nicht ganz unten.

Marco

 

[Hardwarejoe]

vielleicht ein clear einfügen? siehe http://www.cssplay.co.uk/layouts/3cols2.html

 

[webdoktor]

Hallo zusammen

Ich habe eine kleine Frage und zwar habe ich auf der Startseite bei
http://www.younique.ch im rechten Bild zwei Layers in denen steht:

Jetzt kostenlos anmelden!
und nette Leute kennenlernen.

Das Problem ist im IE wird der obere Text "Jetzt kostenlos anmelden!" nur
halb angezeigt. Im FF wird alles korrekt angezeigt.

Wieso wird im IE nur der halbe Text angezeigt?

Danke für eure Hilfe.
Marco

 

[webdoktor]

Hallo zusammen

Hmm hab das Problem jetz mal gelöst in dem ich ein transparentes gif hinzugefügt habe.
Jetzt wird zwar die Schrift ganz angezeigt aber komischerweise, scheint sie im IE etwas
weiter unten als im FF d.h. die Schrift hat im IE Standardmässig einen kleinen Abstand
zum oberen Rand der DIV. Wieso ist das so? Wer kennt das Problem?

Wenn ich dann mit padding-top z.B. 5px nach unten gehen sieht es im IE anderes aus
als im FF da es im IE standardmässig schon 1-2 pixel Abstand hat zur DIV.

Freue mich auf eure Hilfe.

LG Marco