I have an image gallery, with captions across the bottom (upper image). The captions use position:fixed; bottom:0;
, and works in every browser but IE, even the latest version (11.096…). The caption is fixed to the top of the screen, instead of the bottom (lower image).
I tried some of the suggestions I found while researching this on my own:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
position:fixed;
_position:absolute;
bottom:0;
_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
What am I missing here?
Try using position: expression(fixed);
Try using position: relative;
on the parent element and position: absolute;
on your caption. This is cross-browser.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With