HTML TAG and local folder path with Internet Explorer

by

This is definitely a very annoying bug in IE, but I just found a workaround.

The thing to realize is that IE does resolve the relative path, and then promptly ignores it. You can even see the fully resolved URL by checking the value of the base tag’s ‘href’ property later on using JavaScript. So this (rather silly) piece of code resets the <base> tag’s ‘href’ attribute to the very full URL that IE had already resolved, thereby causing it to no longer be ignored.

Add the following HTML to the top of your page, right after the tag and before you actually use any URLs:

<!--[if IE]><script type="text/javascript">
    // Fix for IE ignoring relative base tags.
    (function() {
        var baseTag = document.getElementsByTagName('base')[0];
        baseTag.href = baseTag.href;
    })();
</script><![endif]-->

(conditional comments necessary since this code can break the <base> tag in Safari/Chrome, and other browsers clearly don’t need it.)

Such a silly bug.

More Related Contents:

  1. Hide scroll bar, but while still being able to scroll
  2. Is there a tag to turn off caching in all browsers? [duplicate]
  3. What does do?
  4. css ‘pointer-events’ property alternative for IE
  5. “X-UA-Compatible” content=”IE=9; IE=8; IE=7; IE=EDGE”
  6. How to get HTML 5 input type=”date” working in Firefox and/or IE 10
  7. Download attribute on A tag not working in IE
  8. CSS-Only Scrollable Table with fixed headers [duplicate]
  9. Setting the character encoding in form submit for Internet Explorer
  10. How to support placeholder attribute in IE8 and 9
  11. Select dropdown with fixed width cutting off content in IE
  12. Button inside of anchor link works in Firefox but not in Internet Explorer?
  13. Tools to selectively Copy HTML+CSS+JS From A Specific Element of DOM [closed]
  14. Flexbox alternative for IE9
  15. Flexbox column-reverse in Firefox, Edge and IE
  16. Internet Explorer 11 disable “display intranet sites in compatibility view” via meta tag not working
  17. Options with display:none not hidden in IE
  18. How to hide drop down arrow in IE8 & IE9?
  19. HTML5 Video not working in IE 11
  20. How to save a file from a website as PDF?
  21. What is haslayout?
  22. File opens instead of downloading in internet explorer in a href link
  23. Blank iFrame in IE
  24. @font-face not working with specific version of Internet Explorer 11
  25. Will targeting IE8 with conditional comments work?
  26. Div with horizontal scrolling only
  27. Force IE9 to emulate IE8. Possible?
  28. Emulate IE7 for IE8 but not for IE9 using “X-UA-Compatible”
  29. Which versions of IE support PNG favicons?
  30. How to get horizontal scroll bar in select box in IE?

Leave a Comment