Forums
View unanswered posts | View active topics It is currently Sun Dec 17, 2017 9:32 am



Reply to topic  [ 1 post ] 
 Solution to IE6 Page Resizing Resulting in Broken Layout 
Author Message

Joined: Fri Jun 03, 2011 5:49 pm
Posts: 2
Post Solution to IE6 Page Resizing Resulting in Broken Layout
IE6 page resize results in a broken layout where elements are slightly off. This can manually be resolved by clicking the browser refresh button.

A JavaScript reload call using onResize event handler solves the problem but results in another problem. IE6 calls will call onResize multiple times depending on how many x and y movements it detects. This can also result in loops that crash the browser.

jQuery with the window resize plugin http://noteslog.com/post/how-to-fix-the ... ent-in-ie/ can resolve this by doing a timeout effectively creating a onResize event handler that will happen only once at the very end of the window resize.

Code:
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery.wresize.js"></script>

<script type="text/javascript">
$(document).ready(function(){

   // This function simulates a resizeEnd that works with IE6 and does not run multiple times.
   $(window).resize(function() {
       if(this.resizeTO) clearTimeout(this.resizeTO);
       this.resizeTO = setTimeout(function() {
           $(this).trigger('resizeEnd');
       }, 500);
   });
   // After timout, then call any necessary code.
   $(window).bind('resizeEnd', function() {
       // ie6 is bad with redraws when it comes down to percentages and window resizing
       // Force a redraw on window resize.
       // If I can identify the elements I might be able to redraw those specific elements

       // only run if Microsoft browser and less then ie7.
       if ($.browser.msie && $.browser.version.substr(0,1)<7) {
           window.location.reload();

       }
   });

});
</script>


Fri Jun 03, 2011 9:39 pm
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: No registered users and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.