Comments on: IE5 and IE6 CSS Hacks http://www.keyboardface.com/archives/2009/07/07/ie5-and-ie6-css-hacks/ when you find QWERTY imprinted on your cheek - it's time to go to bed. Thu, 19 May 2011 05:13:25 +0000 hourly 1 http://wordpress.org/?v=3.4.2 By: Tom http://www.keyboardface.com/archives/2009/07/07/ie5-and-ie6-css-hacks/comment-page-1/#comment-77340 Tom Mon, 30 Nov 2009 20:21:56 +0000 http://www.keyboardface.com/archives/2009/07/07/ie5-and-ie6-css-hacks/#comment-77340 If you're using the above "display:inline-block;" keep in mind that Firefox 2 and earlier don't support it. To get around this, also use a Mozilla specific css rule: "display: -moz-inline-box;" This acts similarly with the caveat that it hides all overflow text. To get around <b>this</b>, put a div tag within the a element and specify a specific width for this tag. And.... finally we have a good solution. If you’re using the above “display:inline-block;” keep in mind that Firefox 2 and earlier don’t support it. To get around this, also use a Mozilla specific css rule:

“display: -moz-inline-box;”

This acts similarly with the caveat that it hides all overflow text.

To get around this, put a div tag within the a element and specify a specific width for this tag.

And…. finally we have a good solution.

]]> By: Tom http://www.keyboardface.com/archives/2009/07/07/ie5-and-ie6-css-hacks/comment-page-1/#comment-77335 Tom Mon, 30 Nov 2009 18:09:46 +0000 http://www.keyboardface.com/archives/2009/07/07/ie5-and-ie6-css-hacks/#comment-77335 Also, it appears that IE6 and IE5 both add a huge amount of space below or above an "a" element when you add the rule "display:block". This came up when I had a vertical css menu based around ul and a elements. It works fine in all browsers, but IE6 and IE5. The solution is to use: "display: inline-block; " instead. This removes the inherit width that you'd see otherwise, but you can easily set the width explicitly and it should work then. Also, it appears that IE6 and IE5 both add a huge amount of space below or above an “a” element when you add the rule “display:block”.

This came up when I had a vertical css menu based around ul and a elements.

It works fine in all browsers, but IE6 and IE5.

The solution is to use: “display: inline-block; ” instead.

This removes the inherit width that you’d see otherwise, but you can easily set the width explicitly and it should work then.

]]> By: Tom http://www.keyboardface.com/archives/2009/07/07/ie5-and-ie6-css-hacks/comment-page-1/#comment-77333 Tom Mon, 30 Nov 2009 17:59:48 +0000 http://www.keyboardface.com/archives/2009/07/07/ie5-and-ie6-css-hacks/#comment-77333 Another great resource for this is: http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml Another great resource for this is:

http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

]]> By: SeanBlader http://www.keyboardface.com/archives/2009/07/07/ie5-and-ie6-css-hacks/comment-page-1/#comment-67204 SeanBlader Thu, 23 Jul 2009 20:15:54 +0000 http://www.keyboardface.com/archives/2009/07/07/ie5-and-ie6-css-hacks/#comment-67204 No! You must not support IE5, and supporting single digit percentages for IE6 is bad too. My official professional recommendation is to support 1 version of each browser. So choose, IE6 or IE7, at the beginning of next month though, you'll need to choose IE7 or IE8 because according to the data I have, IE6 will be third among them. No! You must not support IE5, and supporting single digit percentages for IE6 is bad too. My official professional recommendation is to support 1 version of each browser. So choose, IE6 or IE7, at the beginning of next month though, you’ll need to choose IE7 or IE8 because according to the data I have, IE6 will be third among them.

]]>