jquery - Align division at the bottom of page -


is there way can align division @ bottom of actual html page, , not of screen, if page height larger of screen, meaning there scroll, division should stay fixed @ bottom.

.contact_us{     display: none;     position: absolute;     bottom: 0;     right: 0;     width: 500px;     height: 500px;     background-color: green;     z-index: 500; } 

with set in css, seems uses bottom of screen , not page it's self

as mentionned in comments, need have somewhere refer when using css positioning or automatically refer window. absolute refers first parent non static (default) positioning. common trick use relative positioning handy because has no effect if don't set offsets (top, left ...) beside changing type of positioning becoming reference positioning children

you can see effects here :

http://jsfiddle.net/techunter/m4ksq/

shorthand answer

make 1 parent non-static position like

#some_parent{     position:relative; } 

Comments

Popular posts from this blog

Detect support for Shoutcast ICY MP3 without navigator.userAgent in Firefox? -

web - SVG not rendering properly in Firefox -

java - JavaFX 2 slider labelFormatter not being used -