Javascript JSON Date parse in IE7/IE8 returns NaN

In older browsers, you can write a function that will parse the string for you. This one creates a Date.fromISO method- if the browser can natively get the correct date from an ISO string, the native method is used. Some browsers got it partly right, but returned the wrong timezone, so just checking for NaN … Read more

How to handle document.body being null on IE7 when trying to call appendChild on it

You could try document.getElementsByTagName(‘body’)[0].appendChild(i); Now that won’t do you any good if the code is running in the <head>, and running before the <body> has even been seen by the browser. If you don’t want to mess with “onload” handlers, try moving your <script> block to the very end of the document instead of the … Read more

Hide scrollbar in IE

In case of anyone still needs a solution, this one worked for me: .container{ -ms-overflow-style: none; overflow: auto; } This change allows scroll on the container and hides the bars on IE. If on the other hand you want to hide it and show it again once the user scroll again you can use. .container … Read more

box-sizing support in IE7

There are several ways to do this, none perfect. As you point out: Firefox / Opera / Safari / Chrome / IE8+ will recognise the box-sizing property allowing you to use border-boxes. IE6 will use the old school (correct?) border-box model by default. However IE7 uses the W3C padding box model when in standards mode, … Read more

IE7 float right problems

You need to float both elements and clear it. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> </head> <body> <div style=”border: 1px solid red; width: 100px;”> <a href=”#” style=”border-color: blue; float: right;”>bar</a> <a href=”#” style=”float:left;”>foo</a> <div style=”clear:both;”></div> </div> something </body> </html> Or simply put the floating element in front of the normal … Read more