My Monkey Do

A Log of Coding Solutions

IE crap

IE screenSize

by

Problem:

Apparently no one cares about a user’s actual screen resolution.  Usually I don’t too, but in this case I do.  In creating a home page with an image as the background and expands as the user expands their window, the overflow is hidden.  However for users with a low resolution this means that they cannot scroll to see what else is on the page.

Solution:

The workaround for this is to detect the users screen resolution and change the css overflow attribute on the html, body tags to be “auto”.  I have two monitors, one at 1600×1200 and another at 1024×768.  On firefox and chrome the height values match with the javascript property screen.height.  On IE the value is always 1200.  I’m guessing it’s because the 1600×1200 monitor is my primary monitor.

I figured out why IE is so crappy

by

Microsoft’s plan for Internet Explorer  is to get their browser to #1.  How do they do that?  Well, everyone knows in order to be popular you have to be on the first page of search results.  To do that they look at all the browsers out there and make it one step crappier than than the crappiest browser.  Then, when developers and users alike complain about how crappy IE is, low and behold it’s in all the forums and discussions!

Slow Javascript in IE

by

Problem:

The menu on this website:  http://www.sohtanaka.com/web-design/side-navigation-tooltip-popup-bubble/ ran fine in IE.  It was quick and worked fine.  On my website however, it ran slooow.

Solution:

Look for large images that may be loaded.  IE doesn’t seem to handle them very well.  The background image for my project was 1196×1150.  Pretty large…  Gotta adjust for the weakest browsers.

IE Back Bug

by

Apparently IE clears the form data by design.  Mozilla and other browsers keep form data when the back button is pressed.  I have not found a way around this besides setting cookies.  This is different from getting javascript to run as that works ok.

http://www.scu.edu.au/flds/index.php/faq/249

Position Relative and Fade

by

These two hated with a hate Found only on the stage

– Lord  Byron

 

Problem:

Having a position:relative on an element causes the jQuery fadeTo and fadeIn/fadeOut functions to not work in IE8 and possibly other IEs.

 

Solution:

Take out position: relative.