http://html5boilerplate.com renders poorly in IE6 about html5-boilerplate

[Holek]

IE6 is no longer supported by Microsoft, Google and many web developers. Why should we care about this old browser?

http://ie6funeral.com/

[chrismendis]

"Cross-browser compatible (IE6, yeah we got that.)"

• http://html5boilerplate.com

If the site makes such a claim, then we should care. I can understand that there's going to be some degradation in IE6, but it should at least be graceful.

[akuckartz]

Unfortunately a lot of people are still using IE6.

Maybe some JavaScript code can be added which displays a message for them ;-)

[rileyw]

IE8 shows an error for html5boilerplate.com
http://pastie.org/1089516

Looks like the "Walk through it with me, now" is broken.
http://yfrog.com/6lscreenshot20100812at744p

Looks like the biggest fault in IE6 is the Syntax Highlighter?
http://yfrog.com/j6screenshot20100812at748p

[WraithKenny]

Not sure what the boiler plate file compatibility list has to do with the host site's compatibility. It's not running a bare boiler plate obviously.

[paulirish]

if anyone wanted to help fix this we'd be really happy and give you tons of shoutouts and all that. :)

site repo is here: http://github.com/nimbupani/html5boilerplate-site

[zackd]

@ akuckartz
http://code.google.com/p/ie6-upgrade-warning/
..its a classic :)

[adeelejaz]

@paul .. forked and on the case ..

[adeelejaz]

I've fixed the IE issue (http://github.com/adeelejaz/html5boilerplate-site/commit/471083d75743c8e7f2402a57e63077d6872934de)

And the issue with new lines missing in code examples is a bug in SyntaxHighlighter which already has been reported (http://bitbucket.org/alexg/syntaxhighlighter/issue/197/internet-explorer-missing-newlines)

I'm going to try out http://shjs.sourceforge.net/ to see if it works and use that instead.

[nimbupani]

sweet! Can you do a pull request for this adeel?

[adeelejaz]

Isn't the IE fix already in there? I think Paul pulled it: nimbupani/html5boilerplate-site@471083d75743c8e7f2402a57e63077d6872934de

[nimbupani]

So I noticed belatedly!

[nimbupani]

Hi Adeel, any luck with the shjs?

[adeelejaz]

SHJS is pretty cool.. handles IE6 really well. Only thing missing is line numbers but working on that. Will put in a pull request pretty soon.

[paulirish]

adeel, whats the status? we're looking to release 0.9.5 tomorrow. :)

[adeelejaz]

I've worked out the issue (as SHJS starts breaking as well with .html files). The reason is the 'pre' tag and IE. Apparently IE ignores whitespaces (newlines, tabs) in pre tag. More here: http://www.quirksmode.org/bugreports/archives/2004/11/innerhtml_and_t.html

The only way I've figured so far is to using jQuery to test whether the browser is IE and if true, replace newlines with 'br' tags.. But it doesn't look pretty at all as IE merges all 'br' into one 'br'. I'll try for a more elegant way to achieve this tonight, if not I'll commit what I've done so far so you can have a whack at it..

[adeelejaz]

Ok guys, last night (after countless nights lol), I had a breakthrough-ish, I've got all the new lines working with SHJS (wohoo!). The problem is SHJS does not have an Apache library to highlight .htaccess file (boo!). So, I probably need some regex guru to help me out.

What I recon is close this ticket as this issue has nothing to do with html5boilerplate (but actually its website) and take this discussion to: http://github.com/nimbupani/html5boilerplate-site/issues/issue/11

[nimbupani]

Agreed.