Databases
StackOverflow2013
Postsdbo
POWhat is issue with following code on iphone browser?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhat is issue with following code on iphone browser?
    text
    copied!<p>I have used jQueryCollapse plugin for displaying Questions and Answers. Question is written on Tab and Answer is displayed when we click on tab. When tab is active means when answer is displayed at that time page height increases and because of that I have to increase the height of background image. For that I have coded as follows:</p> <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function(){ $('#main-content1').height(1450); $("#t1").click(function(){ var height = 1450; $('#main-content1').height(height); }); $("#t2").click(function(){ var height = 1450; $('#main-content1').height(height); }); $("#t3").click(function(){ var height = 1275; $('#main-content1').height(height); }); $("#t4").click(function(){ var height = 1250; $('#main-content1').height(height); }); &lt;/script&gt; </code></pre> <p>The CSS code for id main-content is as follows:</p> <pre><code>#main-content1 { margin-left:auto; margin-right:auto; margin-top:35px; width:900px; border-top-left-radius:48px; border-top-right-radius:48px; border-bottom-left-radius:48px; border-bottom-right-radius:48px; padding-bottom:20px; height:1450px; background:url(res/back-img.png) repeat; } </code></pre> <p>The code for footer is as follows:</p> <pre><code>#footer { border-top: 0px solid #003366; overflow:visible; } .foot { float:left; list-style-type:none; margin-bottom:20px; background-image:url(res/footer_back.png); background-repeat:no-repeat; overflow:visible; margin-top:-50px; background-position:0px 120px; width:182px; height:180px; } img { border-color:transparent; } #site-footer { width:728px; margin-left:auto; margin-right:auto; } </code></pre> <p>When I click on tab it shows answer but not increasing its background image height as per jquery code on iphone mobile browser. But it is working fine on windows pc browser. The content is going behind the footer. I did Google very much but I am not getting how to resolve this issue. Please can any one help me out to solve this issue. Thanks in advance..</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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