Position problem

HTML & CSS
1

hi all,

Iv added a tab to the right side of this site http://www.paulsmyth-photography.co.uk/ that says I designed the site, iv used absolute position which places the tab at the bottom right of the screen, my problem is though I would really like the tab to be positioned at the very bottom right (level with footer) of whatever page is present instead of at the bottom right of the screen, how can this be achieved?

Thanks in advance

Kyle

2

I’m not sure I get it, are you trying to place the element at the bottom of the page, or of the screen?

3

To keep the button level with the footer, I would put an outer div around the footer (#footer-outer) that is 100% wide. I would give that position: relative. Then I would put the button inside that and set it to:

.kyle {
  position: absolute;
  right: 0;
  bottom: 0;
}

Mind you, that means the button will be off screen on long pages. Do you really want that?

4

I think the option can be detecting the screen size using the javascript and positioning the div according to that.


<A HREF="javascript:alert('Your resolution is '+screen.width+'x'+screen.height);">
Click for your screen resolution</A>