0 Replies Latest reply on Dec 3, 2012 11:14 AM by pmfr01

    Centering Edge "Wrapper" div in mobile...

    pmfr01 Level 2

      I.

      I'm trying to center a layout in the browser.

      Here's what I did: I put all my stuff inside a div - Wrapper - and inserted the following code in Stage/creationComplete:

       

      // Center 'Wrapper' in screen:
      $(window).resize(function(){
          $('.Wrapper').css({
              left: ($(window).width() - $('.Wrapper').outerWidth())/2,
              top: ($(window).height() - $('.Wrapper').outerHeight())/2
          });
      });
      $(window).resize(); // To initially run the function
      

       

      In desktop computer browsers works great - Firefox, Chrome, etc; in mobile (tried in a HTC One X) doesn't work so great - it gets croped and stucked in the upper left corner...

       

      My Edge files.

       

      Thanx.