Div Float problem...

[tdltinc]

How can I float a div at the bottom?
That is floating above all element and fixed scrolling

Please help...

Thank You!

 

[snowball88]

how about
<div style="position:absolute; bottom:0; z-index:10"></div>

This allows the div to be at the bottom and above other elements with depth less than 10. Cheers.

 

[diabolo]

if you are placing it is a outside CSS sheet:

#divid {
position: absolute;
bottom: 0;
z-index: 10;
}
and this would be your div tag:
<div id="divid">
divid in interchangeable, just make sure you also change it in the css and html

and there is no float: bottom; only left or right

 

[vol7ron]

what they said is correct.

 

[mrxp_anupam]

You have two options:
firstly use the CSS as below:

if you are placing it is a outside CSS sheet:

#divid {
position: absolute;
bottom: 0;
z-index: 10;
}
and this would be your div tag:
<div id="divid">
divid in interchangeable, just make sure you also change it in the css and html

and there is no float: bottom; only left or right

secondly go to dynamicdrive.com..
You will fine javascript to handle this

 

[cursedpsp]

Ahh thanks for that, i've never known how to do it

 

[xPlozion]

the example works fine in every browser except ie6. trust me, i've had to deal w/ it before. not a happy time.

i was thinking position:fixed; bottom:0px;. that will make it stay at the bottom of the page even when you scroll, but ie6 didn't like position:fixed :/