iframes in iPad

Posted on By sastrija

iframe is behaved differently in iPad compared to other web browsers in different platforms.

iframe issue in iPad can be resolved by adding a wrapper and CSS styling.

<div class="wrapper">
 <iframe src="http://k2i.987.mywebsitetransfer.com"/>
</div>
.wrapper {
  border:1px solid black;
  height:202px;
  width:402px;
  overflow:auto;
}
iframe {
  border:1px solid black;
  height:200px; width:400px;
  overflow:auto;
}

A demo of this solution can be viewed from the following link:

http://demo.sastrija.com/iframe/

Java/J2EE