afficher une iframe à l'intérieur d'un TD

Ma mise en page est structurée en tables (je sais que ce n'est pas idéal, j'en ai hérité).

J'essaie d'afficher une iframe dans un div avec le code suivant à l'intérieur d'une cellule de tableau () comme ci-dessous:

<td class="style24" style="width: 800px">
<div id='outerdiv '>
<iframe src="www.google.com" id='inneriframe' scrolling=no >< /iframe>
</div>
</td>

Le problème est l'iframe causes de la table de cellules de croître et pousse ensuite le contenu sur la droite de la page sur la page!

Est-il un moyen de limiter la taille de l'iframe qui affiche qui ne feront pas partie de la cellule de la table de grandir? La limitation de la largeur de l'iframe ne semble pas avoir un effet, dès que le div contenu est placé dans le td, l'effet se produit.

InformationsquelleAutor van | 2011-06-29
  1. 4

    Vous pouvez essayer d'ajouter de la largeur et/ou hauteur de l'iframe et #outerdiv (ajouter overflow-x au #outerdiv comme un failsafe):

    <td class="style24" style="width: 800px">
<div id='outerdiv' style="width:800px; overflow-x:hidden;">
<iframe src="www.google.com" width="800" frameborder="0" id='inneriframe' scrolling=no >< /iframe>
</div>
</td>
    InformationsquelleAutor Marc Uberstein
  2. 0

    place un css overflow attribut sur la outerdiv, vous pouvez également déclarer la largeur de l'iframe

    InformationsquelleAutor Traveling_Monk
  3. 0

    C'est de travailler pour moi, mais sans voir les styles associés avec #outerdiv, .style24, et #inneriframe, c'est un peu difficile de dire si ce serait travailler pour vous ou pas.

    #outerdiv {
    width: 800px;
    height: 600px;
}
#inneriframe {
    width: 100%;
    height: 100%;
}
    InformationsquelleAutor Jedediah