Force full error when using RTL

Question

I use the extended grid plugin and set the direction: "rtl" in the css file im trying to get the full power with this code.

<?php if($force_full_width == 1) { ?>
<script type="text/javascript">
     function force_full_width_<?php echo $advanced_id; ?>() {
          var p = $(".standard-body .full-width .advanced-grid-<?php echo $advanced_id; ?>");
          if(p.size() > 0) {
               p.width($('body').width());
               p.css("left", "0px");
               var position = p.offset();
               p.css("left", "-" + position.left + "px");
               p.find(".container").css("padding-left", position.left);
               p.find(".container").css("padding-right", position.left);
          }

          var s = $(".standard-body .fixed .advanced-grid-<?php echo $advanced_id; ?>");
          if(s.size() > 0) {
               s.width($('.standard-body .fixed .pattern').width());
               s.css("left", "0px");
               var position = s.offset();
               var position2 = $('.standard-body .fixed .pattern').offset();
               var position3 = position.left-position2.left;
               s.css("left", "-" + position3 + "px");
               s.find(".container").css("padding-left", position3);
               s.find(".container").css("padding-right", position3);
          }

          var b = $(".standard-body .fixed2 .advanced-grid-<?php echo $advanced_id; ?>");
          if(b.size() > 0) {
               b.width($('body').width());
               b.css("left", "0px");
               var position = b.offset();
               b.css("left", "-" + position.left + "px");
               b.find(".container").css("padding-left", position.left);
               b.find(".container").css("padding-right", position.left);
          }

          var c = $(".fixed-body .advanced-grid-<?php echo $advanced_id; ?>");
          if(c.size() > 0) {
               c.width($('.fixed-body .main-fixed').width());
               c.css("left", "0px");
               var position = c.offset();
               var position2 = $('.fixed-body .main-fixed').offset();
               var position3 = position.left-position2.left;
               c.css("left", "-" + position3 + "px");
               c.find(".container").css("padding-left", position3);
               c.find(".container").css("padding-right", position3);
          }
     }

     force_full_width_<?php echo $advanced_id; ?>();

     $(window).resize(function() {
          force_full_width_<?php echo $advanced_id; ?>();
     });
</script>
<?php } ?>

in ltr his work is good, like this image

but in rtl you will get a blank space like this image

how to make this work good with rtl direction

Answer 1

There is no way to verify that this is the actual problem, since there is no HTML code, so we just cannot find out which part of Javascript is working on that part of the screen capture.

, , , Javascript . CSS, Javascript / div . 100% , , .

Answer 2

- javascript . HTML-, HTML-.

100% HTML-.

html-, .