Note that there are some explanatory texts on larger screens.

plurals
  1. POIssues with sliding rtl and ltr in IE 7
    primarykey
    data
    text
    <p>I have a simple div sliding animation(built from scratch no thrid party) which works fine in IE10,FF,Chrome but in IE 7 it doesn't work.Even in IE 8 it works.</p> <p>HTMl</p> <pre><code>&lt;div class="aboutus"&gt; &lt;div class="margin_slide"&gt;&lt;/div&gt; &lt;div class="about_container"&gt;CLick here to go to some content div which is next div and this div will go to the extreme left.&lt;/div&gt; &lt;div class="whatwedo_container"&gt;Some Content div.Click here to go to previous div.&lt;/div&gt; &lt;/div&gt; </code></pre> <p>CSS</p> <pre><code>.about_container { margin: 0px auto; position: relative; width: 500px; background:#ddd; height:300px } .whatwedo_container { position: absolute; right: -100%; width: 300px; background:#000; height:300px; color:#fff; top:0; } .aboutus { background: #20407B; height: 400px; margin-top: 0; position: relative; width: 100%; } .margin_slide { margin: auto 0; position: relative; width: 1100px; } </code></pre> <p>JQuery</p> <pre><code>$('.about_container').click(function () { var $slideupto = $('.margin_slide'); var ending_right = $(window).width() - $slideupto.offset().left; $('.about_container').animate({ right: ending_right }, 600); var rightpos = $(window).width() - ($(".margin_slide").offset().left + $('.whatwedo_container').outerWidth()); $('.whatwedo_container').animate({ right: rightpos }, 800); }); $('.whatwedo_container').click(function () { $('.about_container').animate({ right: '0' }, 600); $('.whatwedo_container').animate({ right: '-100%' }, 600); }); </code></pre> <p>Jsfiddle is <a href="http://jsfiddle.net/squidraj/uv6Q5/7/" rel="nofollow">http://jsfiddle.net/squidraj/uv6Q5/7/</a></p> <p>IN ie 7 the div2 scrolls from right to left and takes the position of div 1 and div goes to further right.But when I click the div 2 to get back the div 1,the div 1 comes back in it's own position but div 2 doesn't go back to it's original position.</p> <p>Any help please.Thanks in advance.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload