Ways to Replace Iframe in HTML

Question

Ways to Replace Iframe in HTML

Navigation

#1 by (1 votes)
#2 by (1 votes)
#3 by (1 votes)

1

I have code that does not work in IE8 and I wanted to find a way to get it to work with any other code. even if it's jquery.

HTML:

<center><table border="0">
<tr border="0">
<td border="0">
<iframe class="TbRH" src="RH/RH.PDF"   ></iframe>
</td>
</tr>
</table></center>

CSS:

width:100%; height:1140px;
border:none;overflow-x:hidden;
overflow-Y:hidden;

link

html

asked by anonymous 02.02.2015 / 13:00

3 answers

How to pass data from one Activity to another [duplicate] Why is the Bitmap bigger when loading it from the res / drawable-mdpi folder?

score 1 · Answer 1

If you understand your problem the solution is to put display:block and instead of overflow-x and overflow-y with value hidden use only overflow , follow code:

.TbRH {
  width: 100%;
  height: 1140px;
  border: none;
  overflow: hidden;
  display: block;
}
table {
  width: 100%;
}

<center>
  <table border="0">
    <tr>
      <td>
        <iframe class="TbRH" src="teste/teste.PDF"></iframe>
      </td>
    </tr>
  </table>
</center>

I believe this will solve.

score 1 · Answer 2

1

Maybe it's simpler than it sounds, try this:

CSS

iframe {
  position:relative;
}

02.02.2015 / 14:25

score 1 · Answer 3

The table does absolutely nothing.

Remove it and set the size to iframe itself.

CSS is also unnecessary.

Remove everything and use just this:

<iframe width="100%" height="1140" src="teste/teste.PDF"></iframe>

Note: Even in Chrome, the latest version does not work the script you posted. It's not something specific to IE8.