Footer mit dem speziellen Pfiff

[mhribernik]

Hallo Leute!

Ich habe mich vor ein paar Tagen ein kleines HP Projektchen in den Kopf gesetzt.
Lief alles schön und gut, bis ich aus Zufall einen ganz speziellen footer im inet fand (http://www.unior.at).
Ich will so etwas für mein Projekt übernehmen, doch plage ich mich nur seit 2 Tagen damit rum und es kommt nix gscheides raus!

-> Der footer hält sich immer am ende des anzuzeigenden Inhaltes auf (also nicht fix am unteren Bildschirmrand sondern am Seitenende!)
-> und: der footer bleibt bei Seiten, die kürzer sind als das Browserfenster, am unteren Browserrand! -> beim Verkleinern des Browsers geht er dann solange mit hinauf bis er den ersten Text erreicht. Dann startet der overflow (kann man das so sagen?) und der scrollbalken erscheint.

Auch wenn das ganze vllt ein wenig unverständlich ist, besser krieg ich das ganze hier nicht erklärt..

schaut euch das ganze doch einfach mal an:
kleine seite http://www.unior.at/ber-uns
lange seite: http://www.unior.at/cgi-bin/cms.cgi?doc=26911&sid=IAPOusEQLjwJ3yTn

Hab verzweifelt versucht das mit divs und tabellen zu lösen, doch vllt. könnt ihr mir dabei helfen!

Ich danke euch allen im Voraus!
DANKE!

lg marko

 

[ComFreek]

Schau dir doch mal den CSS-Code an! Zum Beispiel mit der Entwicklerkonsole von Google Chrome oder Firebug von Firefox, etc.

Entwicklerkonsole von Google Chrome für #footerCont:

#footerCont, .push {
height: 25px;
}
#footerCont {
width: 100%;
background: transparent url(../../media/images/Rocno_orodje/design/searchBar.jpg) repeat-x scroll left top;
float: left;
font-size: 1.2em;
position: relative;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
* {
margin: 0;
}

div {
display: block;
}

body {
font: normal 62.5% Arial,Helvetica,serif;
color: #515152;
}
body {
line-height: 1;
}

 

[mhribernik]

erstmal danke für deine Antwort!

Ich hab mir das ganze jetzt ein paar mal angschaut, werd daraus aber überhaupt nicht schlau..

Kannst du mir vllt einen konkreteren Tipp geben?

Dankeschön im Voraus!
lg. marko

 

[SpiceLab]

-> Der footer hält sich immer am ende des anzuzeigenden Inhaltes auf (also nicht fix am unteren Bildschirmrand sondern am Seitenende!)
-> und: der footer bleibt bei Seiten, die kürzer sind als das Browserfenster, am unteren Browserrand!

Webmaster FAQ -> CSS Wie lässt sich der Footer am unteren Fensterrand ausrichten?

Oder auch sticky footer @