Sep
29
I was creating a replicated PDF form in HTML/CSS for work today and needed to get a portion of the form (signature field) to rest at the bottom of the page, whichever page it was. This was easily accomplished in CSS-friendly browsers by using position:fixed; bottom:0; ... however, IE6 does not support the "fixed" position with CSS. Not good...not all of our staff members in the building have been upgraded to use IE7 - most have, a couple have not.
Stu Nichols has found a way to "trick" IE6 in to allowing something almost entirely the same by way of using another CSS bug. It's a bit hackish, but it's not an actual hack. I used IE's conditional CSS to make sure it didn't mess up any other browser's rendering, but the link (and demo) is below in case anyone else needs the same functionality.
http://www.cssplay.co.uk/layouts/fixed.html
Ironically enough, this doesn't seem to work in Safari for Windows properly (haven't tried it with my Apple). Thankfully for me, I don't need to cope with that issue for this form on our intranet. I imagine it's actually a bug in the browser's rendering (only for print, it works just fine for online display).
Stu Nichols has found a way to "trick" IE6 in to allowing something almost entirely the same by way of using another CSS bug. It's a bit hackish, but it's not an actual hack. I used IE's conditional CSS to make sure it didn't mess up any other browser's rendering, but the link (and demo) is below in case anyone else needs the same functionality.
http://www.cssplay.co.uk/layouts/fixed.html
Ironically enough, this doesn't seem to work in Safari for Windows properly (haven't tried it with my Apple). Thankfully for me, I don't need to cope with that issue for this form on our intranet. I imagine it's actually a bug in the browser's rendering (only for print, it works just fine for online display).
0 Trackbacks