Div Float problem...

tdltinc

New Member
Messages
32
Reaction score
0
Points
0
How can I float a div at the bottom?
That is floating above all element and fixed scrolling

Please help...

Thank You!
 
Last edited:

snowball88

New Member
Messages
4
Reaction score
0
Points
0
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

Community Advocate
Community Support
Messages
1,682
Reaction score
32
Points
48
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
 

mrxp_anupam

New Member
Messages
65
Reaction score
0
Points
0
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
 

xPlozion

New Member
Messages
868
Reaction score
1
Points
0
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:
Top