Apparently no one cares about a user’s actual screen resolution. \u00a0Usually I don’t too, but in this case I do. \u00a0In creating a home page with an image as the background and expands as the user expands their window, the overflow is hidden. \u00a0However for users with a low resolution this means that they cannot scroll to see what else is on the page.<\/p>\n
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”. \u00a0I have two monitors, one at 1600×1200 and another at 1024×768. \u00a0On firefox and chrome the height values match with the javascript property screen.height. \u00a0On IE the value is always 1200. \u00a0I’m guessing it’s because the 1600×1200 monitor is my primary monitor.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2],"tags":[17,34,39],"yoast_head":"\n