CODEWITHSUNDEEP
htmlcssinternet-explorer
Snowy Coder Girl
Snowy Coder Girl

Reputation: 5518

Internet Explorer Not Position Correctly

We have environment ribbons for our different environments. I am adding the ribbons to a new application, however, they are not working.

The following is the relevant code (taken directly from "View Source" on the page). Note that I replaced our web address with .... 

<style> 
    .ribbonBanner { 
        position: fixed;
        right: 0px; 
        top: 0px; 
        margin: 0px;
        padding: 0px;
        z-index: 99999;
    } 
</style> 

<img border="0" class="ribbonBanner" alt="Development" title="Development" src="http://.../ribbon_dev.gif" onclick="this.parentNode.removeChild(this);"/>

This code is the same as all of our other apps. However, Internet Explorer is being....well, Internet Explorer. :P

Chrome

Chrome

Firefox

Firefox

Internet Explorer

IE

Anyone have any clue what might be going on?

FYI: I am on IE8

Upvotes: 1

Views: 100

Answers (1)

Alex Reynolds
Alex Reynolds

Reputation: 6352

IE has issues with Position Fixed but I believe it should work in ie8 if you have the correct Doctype. I believe this DocType will work. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

or

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

Upvotes: 1

Related Questions