Sideway
BICK BLOG from Sideway
|
Link:http://output.to/sideway/default.asp?qno=111000014 Fixed element in element w/CSS Fixed Element in Element with CSSThe feature of position:fixed attribute is the position reference of the attribute is relative to the browser window. The fixed element will not move when the window is scrolled. Code:<div style="margin:5px;background-color:Silver"> Place a "Fixed Element" at the lower right corner<br /> End Element. </div> <div style="position:fixed; bottom:0px; right:0px;background-color:Aqua"> Fixed Element </div> Result:
Place a "Fixed Element" at the lower right corner
of the window.
End Element.
Fixed Element
One way to fix an element inside an element is as following. Code:<div style="margin:5px;height:70px;width:100%;background-color:Silver;"> <div style="height:100%;width:100%;overflow:auto"> Place a "Fixed Element" at the lower right corner<br /> 1<br /> 2<br /> 3<br /> 4<br /> End Element. </div> <div
style="float:right;margin-right:35px;position:relative;border-width:1px; Fixed Element </div> </div> Result:
Place a "Fixed Element" at the lower right corner
of the division block
1 2 3 4 End Element.
Fixed Element
|
Sideway BICK Blog 14/10 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
