HTML5 et frameborder

J’ai un iframe sur un document HTML5. quand je valide, je reçois une erreur me disant que l’atsortingbut sur le iframe frameBorder est obsolète et qu’il faut plutôt utiliser CSS.

J’ai cet atsortingbut frameBorder="0" ici parce que c’était la seule façon dont je pouvais comprendre comment se débarrasser de la bordure dans IE, j’ai essayé la border:none; en CSS sans chance. Existe-t-il un moyen conforme de résoudre ce problème?

Merci.

HTML 5 ne prend pas en charge les atsortingbuts tels que frameborder, scrolling, marginwidth et marginheight (qui étaient pris en charge dans HTML 4.01). Au lieu de cela, la spécification HTML 5 a introduit l’atsortingbut transparent. L’atsortingbut seamless permet au cadre inline d’apparaître comme s’il était rendu dans le document contenant. Par exemple, les bordures et les barres de défilement n’apparaîtront pas.

La source

Plus d’informations sur iframe html5 et transparente, vous pouvez trouver ici .

Internet Explorer 8 ne supporte pas toutes les fonctionnalités de html5, vous aurez donc du mal à utiliser iframe, htm5, c’est-à-dire ensemble.

Comme pour l’autre article, la meilleure solution consiste à utiliser l’entrée CSS de

 style="border:0;" 

frameBorder atsortingbut frameBorder n’étant nécessaire que pour IE, il existe un autre moyen de contourner le validateur. C’est un moyen léger qui ne nécessite ni Javascript ni aucune manipulation DOM.

     

Cela marche

 iframe{ border-width: 0px; } 

Que diriez-vous d’utiliser la même technique pour “tromper” le validateur avec Javascript en collant un atsortingbut cible dans XHTML? ?

  • onsomething = “this.frameborder = ‘0’”

Ou getElementsByTagName]("iframe") 1 ajout de cet atsortingbut pour tous les iframes de la page?

Je n’ai pas testé cela parce que j’ai fait quelque chose qui signifie que rien ne fonctionne dans IE moins de 9! 🙂 Alors pendant que je règle cela … 🙂

J’ai trouvé un travail intéressant qui lui permettra de travailler dans IE7 ici . Il contourne le validateur de l’atsortingbut frameBorder mais conserve css pour les futurs navigateurs comme expliqué dans le post.

 style="border:none; scrolling:no; frameborder:0; marginheight:0; marginwidth:0; "