How can I float a div at the bottom?
That is floating above all element and fixed scrolling
Please help...
Thank You!
How can I float a div at the bottom?
That is floating above all element and fixed scrolling
Please help...
Thank You!
Last edited by tdltinc; 12-08-2008 at 02:12 AM.
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.
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
what they said is correct.
If you find my post useful please add to my reputation by clicking the +Rep button
You may also use the Donate link to donate credits - this is appreciated tooThanks to those whom have donated so far!
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
If you like this give me points.
Thank you,
Warm regards,
Anupam Chakraborty
Bangalore |India |mrxp@rediffmail.com
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 :/
Last edited by xPlozion; 01-02-2009 at 04:07 PM.