HTML5 CSS3 et les IFRAMES?

Je suis en train de supprimer les iframes barres de défilement et frameborder. Je ne peut pas utilisation frameborder=0 et scrolling=no car ils ne sont plus pris en charge dans HTML5. Le seamless attribut lance un avertissement indiquant qu'il n'est pas encore mis en œuvre selon le Validateur du W3C. J'ai trouvé une page en ligne qui utilisent overflow:hidden pour supprimer le défilement, mais il n'est pas en supprimant les barres de défilement, au moins dans mon google chrome. Je n'ai pas vérifié les autres navigateurs. Aussi la frameborder est toujours là, même si j'ai utilisé border:none. J'ai aussi été tenté de définir la largeur et la hauteur de l'iframe à l'aide de css, mais il n'a pas voulu écouter. Voici mon code actuel:

#vidframe
{
    width: 577px;
    height: 358px;
    overflow: hidden;
    border: none;
}

<iframe name="videoframe" id="vidframe" src="video1.html"></iframe>

Ouais, j'ai pu facilement ajouter width=xxx hauteur=xxx dans la balise iframe, mais je comprends qu'avec HTML5 le but est d'obtenir AUTANT de codage en CSS que possible... Donc je ne devrais pas être en mesure de définir les iframes largeur et la hauteur dans la feuille de style? Encore une fois, de dépassement de hidded na pas de supprimer les barres de défilement... et de la frontière: aucun na pas supprimer les frontières...

CORRECTION je viens d'essayer, encore et encore.. il a été coincé dans le cache de mon navigateur. Il semble parfait dans Chrome et Firefox.. Cependant, dans Internet Explorer 9, il est en montrant le laid barres de défilement! Pourquoi est-ce que microsoft sorte un attardé! Toutes les idées sur la façon de prendre le code ci-dessus et obtenir pour supprimer les barres de défilement pour IE?
personne ne veut répondre à 🙁 j'ai juste besoin de supprimer les barres de défilement maintenant de l'iframe dans Internet Explorer. Il doit être HTML5 valide, ce qui signifie que je ne peux pas utiliser scrolling=no dans la balise html. Il ignore le CSS. Donc à moins que quelqu'un connait une astuce en CSS, je suis à la recherche pour le javascript, je suppose...

OriginalL'auteur IncomePitbull | 2012-06-12

  1. 11

    La solution était d'ajouter overflow:hidden dans le css du fichier qui a été chargé dans l'iframe. Si le document n'est pas quelque chose que vous pouvez contrôler le code source, puis utiliser javascript pour appent le débordement de l'attribut caché à son corps.

    +1 pour l'affichage de la réponse. Votre question n'a été ici pendant 45 minutes, alors peut-être qu'avec plus de temps que quelqu'un aurait une réponse. J'étais sur le point d'essayer de vous aider à regarder mais voir que vous avez répondu.
    Fait-il une différence si j'ajoute overflow:hidden; à la html tag au lieu de body?
    Si l'OP a trouvé la réponse tout de suite alors il n'y a rien de mal avec l'ajout de sa réponse tout de suite.

    OriginalL'auteur IncomePitbull

  2. -1

    Supprimer iframe frontière et la barre de défilement à l'aide de javascript,voir le lien suivant...

    Comment faire pour supprimer la frontière de l'iframe dans IE à l'aide de javascript

    OriginalL'auteur Sundar