CSS Am unteren Bildschirmrand positionieren

[BF1942 Freak]

hi

wie kann ich elemente mit css am unteren bildschirmrand positionieren?

also so etwas wie min-height, nur das die min-height eben dynamisch bestimmt werden soll, weil die ist ja bei jeder auflösung oder verkleinerung des webbrowser fensters anders.
gibts da irgend n befehl... irgendwie sowas wie "box-align: bottom;" oder so...?
wisst ihr was ich mein?

mfg

 

[DarkMole]

<div style="position:absolute; bottom:1px; right:1px;">

ergibt eine div-box in der unteren rechten Ecke. Die px-Angaben können auch durch %-Angaben ersetzt werden.

Siehe dazu auch
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#posbottom

 

[Toopoo]

-> kleine Zwischenfrage

Ja, das bringt den Hund beim Aufbau der Seite unten an. Wie kriegt man es aber hin, dass der Hund beim Runter- und Raufscrollen unten bleibt, und nicht mitverschoben wird?

 

[IAMHATED]

position:fixed

Erlaubt absolute Positionierung und sofern der Browser es unterstützt bleibt das Element beim Scrollen an seiner Position.

Hier nochmal zum Nachlesen, auch bzgl der Browserkompatibilität:

http://jendryschik.de/wsdev/css/fixed/

Gruß

 

[Von Gestern]

Ich hätte auch ne Lösung anzubieten bei der man im IE nicht in den Quarks-Mode schalten muss. Diese Version ist für einen Hintergrund angepasst, aber das lässt sich ja ändern .

Ich habe hierbei einen div, indem der Hintergrund eingebettet ist. dem div musst du dann nur noch die klasse "backgr" zuweisen.

<!--[if lt IE 7]>
<script type="text/javascript">
function correctPosition(oElement,oPos,oWhich)
{
while( oElement.offsetParent )
{
oPos -= oElement['offset'+oWhich];
oElement = oElement.offsetParent;
}
oPos += document.documentElement['scroll'+oWhich] ? document.documentElement['scroll'+oWhich] : document.body['scroll'+oWhich];
return oPos;
}
document.writeln( '<style type="text\/css">' );
document.writeln( "div.backgr { background-position: expression( 'center '+correctPosition(this,80,'Top')+'px'); }" );
document.writeln( '<\/style>' );
</script>
<![endif]-->

Viel Spaß damit