Long awaited - or: how to get IE8 compatibility in TYPO3
Monday, October 12th, 2009 | Author: Benni
Hey,
if anybody followed the latest evolvements in TYPO3, one of my promises was to blog more often. So here comes the first step:
One quick and tiny trick I used pretty often the last months was to add the following meta-tag to let Internet Explorer 8 behave like its predecessor, IE7. The Tag is <meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />. You only need to add this snippet to the head of your HTML page and then you don’t need to worry about your existing design to work in IE8. However, I found out that you need to put this tag right after the <head> Tag for IE8 to recognize this — and well, TYPO3 has no easy way to get HTML code above the classic TYPO3 head comment part, only below (with page.headerData…). That’s why I just put it in the <head> tag, and - there is fortunately something like “PAGE.headTag” since ages in TypoScript. Thus, I only need to put something like that in my TypoScript setup:
page.headTag = <head><meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
and my website is looking nice in IE7 (as before) and IE8 (as IE7).
