Fixed Top/Bottom Offsets

This page shows how to use set top and bottom properties to cause a position:absolute object to stay a fixed distance from the top and bottom of the page.

Because that technique doesn't work for IE, this shows further how to use a (CPU-intensive) 'expression' for IE (Win) to recalculate the height of the object on the fly.

This page tested to work and look the same in IE6Win, Safari 1.2, and FF0.9; probably works in a good number of older versions.

Following is a bunch of text just to make this object have some overflow.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi a wisi. Mauris vulputate rutrum arcu. Sed varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In dui. Aenean et turpis. Duis a sapien hendrerit turpis tempor feugiat. Nulla facilisi. Praesent in mauris et ipsum aliquam commodo. Aenean ac nunc. In sit amet elit. Morbi diam. Quisque sodales eleifend urna. Aliquam suscipit velit in nunc.

Vestibulum id magna. Nulla ante pede, sodales non, scelerisque vel, condimentum at, leo. Vestibulum diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam ullamcorper, wisi vitae aliquet aliquam, dolor arcu cursus magna, non tincidunt nibh nibh vel sapien. Nulla feugiat elit eget urna. Nullam a metus. Donec tempus sapien eu orci. Sed pulvinar, nunc in luctus convallis, lacus ante gravida felis, ac sollicitudin turpis nulla viverra justo. Fusce nunc dui, porta lacinia, tristique et, suscipit vestibulum, lectus. Nunc fringilla sapien. Proin sed leo at velit tincidunt sagittis. Nam mollis tincidunt mauris. Aliquam ipsum nulla, rutrum id, pulvinar sit amet, pellentesque at, neque.

Curabitur ante. Praesent sit amet nibh facilisis est commodo pulvinar. Duis auctor. Ut commodo volutpat massa. Aenean nec erat eget erat adipiscing imperdiet. Curabitur ipsum. Quisque sem lacus, fermentum ut, suscipit non, pulvinar pretium, wisi. Integer libero mauris, ultricies vel, mattis at, luctus id, ipsum. Vestibulum porttitor, mi sit amet vehicula bibendum, wisi sapien egestas purus, sit amet feugiat dolor diam non diam. Sed quis nisl in nisl nonummy hendrerit. Sed ipsum lorem, commodo congue, interdum sed, pretium at, nulla. Nulla facilisi. Curabitur ipsum. Cras aliquam libero vel tellus.