For last couple of weeks, one bug killing me. i.e., the page is not rendering properly in 800x600 resolution.
Well,while assigning the defect I thought it will be so easy to fix and I thought nowadays who cares about that 800x600 resolution problem, but still some freaks are living with that 800x600 resolution.
Let me share the experience/information to fix the defect using javascript. Though I found solution using css, but it not helped me to fix the defect.
Later I decided to fix the defect using javascript and the code as follows,
Well,while assigning the defect I thought it will be so easy to fix and I thought nowadays who cares about that 800x600 resolution problem, but still some freaks are living with that 800x600 resolution.
Let me share the experience/information to fix the defect using javascript. Though I found solution using css, but it not helped me to fix the defect.
Later I decided to fix the defect using javascript and the code as follows,
function windowWrapper() { var cliRes = screen.width; var cliHeight = document.documentElement.clientHeight; if(cliRes<=800) { var newHeight = cliHeight-60; document.getElementById("wrapping").style.height = newHeight+"px"; document.getElementById("wrapping").style.overflow ="auto"; } }Have you noticed, I have used wrapping inside getElementById. place the id wherever you want to reduce size of the screen in 800x600 resolution.
//used to reduce the body screen size. //reduce div container size.Let me know how it was worked for you and waiting for your comments.
No comments:
Post a Comment