Footer am unteren Browserrand

[RimShot]

Hallo
Ich hätte gerne, dass der Footer am unteren Rand im Browser ist. Fest.
Der Rest der Seite, soll entwerder scrollbar sein, falls es viel ist, oder bis nach unten gehen, wenn es nur ein kurzer Text o.ä. ist.
Der footer soll immer fix am unteren Rand des "Bildschirmes", bzw. des Browserfensters sein.
Habe jetzt schon ewig im Netz gestöbert, und etliche Threads dazu gefunden, aber nie ne Lösung, die funktionierte.
Vielleicht habe ich nach dem Falschen gesucht. Ich weiss es nicht.

Der footer an sich ist relativ kurz:

[HR][/HR]


Disclaimer

möchte nur diesen Link mittig im Footer haben.

Im Stylesheet steht noch:

div#footer{background: #000000;color: #FFFFFF;text-align:center}
div#footer p{margin:0;padding:5px 10px}
div#footer{clear:right;width:100%}

Wenn ich

#footer {position:absolute; bottom:0px; width:760px; height:10px;}

ins Stylesheet einfüge, muss man scrollen, um den Footer zu sehen, dass möchte ich vermeiden.
Zu breit ist er auch. Kann man ihn relativ breit machen? also einfach immer von links nach rechts, ohne Scrollen in horizontaler Richtung?

 

[Shadowww]

Bei mir sieht der Footer mit CSS folgendermaßen aus:

Im Head irgendwo zwischen

steht der Eintrag

.footer {
position: fixed; bottom: 0em; left: 10em; right: 10em; 
height: 1em;
color: #FFFFFF;
text-align: center; font-style: normal; font-size: 12px; font-weight: bold; 
z-index: 1;
}

Im Body rufst du dann einfach den Footer als Style auf

Text

Durch das fixed bleibt er übrigens am unteren Bildrand "kleben".

Die anderen Seitenelemente kannst du dann beispielsweise mit

.inhalt {
position: absolute;
left: 150px; right: 10px; top: 7em;
padding-top: 1em; padding-bottom: 1em; padding-left: 5em; padding-right: 5em;
color: #FFFFCC;
text-align: justify; font-style: normal; font-weight: normal; font-size: 18px;
z-index: 2;
}

definieren.

Die Elemente hab ich übrigens einfach mal so rauskopiert wie sie waren. Die Werte kannst du dir ja dann anpassen. Oder löschen was du nicht brauchst.

Ich hoffe das hilft dir weiter.

 

[RimShot]

Geil, funzt, vielen Dank.
Die Art zu schreiben, mit dem ".inhalt { ..." gefällt mir viel besser. Es ist so viel praktischer!
Vielen Dank

 

[Broken Sword]

Nächstes mal das Präfix umstellen nicht vergessen!
http://www.freesoft-board.to/f238/faq-wie-man-das-praefix-umstellt-248151.html

=> Closed

Gruß
Broken Sword