[mythtv-commits] Ticket #8416: [PATCH] mythtv.org index page doesn't rendor correctly in IE8

[MythTV]

#8416: [PATCH] mythtv.org index page doesn't rendor correctly in IE8
-------------------------------------------+--------------------------------
 Reporter:  skd5aner <skd5aner@…>          |       Owner:  ijr       
     Type:  patch                          |      Status:  new       
 Priority:  minor                          |   Milestone:  unknown   
Component:  MythTV - General               |     Version:  Trunk Head
 Severity:  medium                         |     Mlocked:  0         
-------------------------------------------+--------------------------------
 IE8 does not render www.mythtv.org correcty due to legacy IE hacks,
 picture showing the issue here:
 [[Image(http://i42.tinypic.com/2e5qt5f.jpg)]]
 http://i42.tinypic.com/2e5qt5f.jpg

 Simple fix below, which allows the main mythtv.org page to render
 correctly in IE8 using the standard CSS like the rest of the browsers.
 (No more custom CSS needed for IE8+).  Reproduced the source locally, and
 tested to ensure this would give the results desired.[[BR]]

 Change line 7 in index.html from:

 {{{
     <!--[if IE]><link rel="stylesheet" type="text/css" href="/css/ie.css"
 ><![endif]-->
 }}}
 to

 {{{
     <!--[if lt IE 8]><link rel="stylesheet" type="text/css"
 href="/css/ie.css" ><![endif]-->
 }}}






 Details:
 [[BR]]
 In previous version of Internet Explorer (<8), certain conditional css
 elements needed to be given in order for IE6 and IE7 to render as
 expected.  However, IE8 is greatly improved in terms of correctly
 rendering CSS and in general being a more standards compliant browser.



 The issue is that the main index.html page of the site currently  utilizes
 conditional comments for anything less than or equal to IE6, or anything
 equal to IE (every version).  IE8 captures this conditional comment, and
 rendors the CSS which is intended for IE7 and below, causing the page to
 rendor incorrectly.  A user can work around this by putting IE8 into IE7
 compatibility mode, but that's really taking a step backward and isn't a
 viable solution.



 By simply telling the hack to apply to any IE products that register <
 IE8, anyone using the legacy browsers should continue to function exactly
 as they are today.  However, IE8+ users will not leverage the hacks, and
 will use whatever is in the standard CSS files - allowing for a standard
 CSS format across all standard compliant browsers from here forward, and
 for correct rendoring of the page.

-- 
Ticket URL: <http://svn.mythtv.org/trac/ticket/8416>
MythTV <http://www.mythtv.org/>
MythTV