Supprimer la bordure de l'IFrame

Question

Comment supprimer la bordure d'un iframe intégré dans mon application web ? Un exemple de iframe est :

<IFRAME src="myURL" width="300" height="300">Browser not compatible. </IFRAME>

J'aimerais que la transition entre le contenu de ma page et le contenu de la page d'accueil de l'entreprise soit faite. iframe pour être sans couture, en supposant que les couleurs de fond sont cohérentes. Le navigateur cible est uniquement IE6 et malheureusement les solutions pour les autres ne seront pas utiles.

Answer 1

Ajouter le frameBorder (notez le "B" majuscule).

Donc ça ressemblerait à ça :

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible.</iframe>

Answer 2

Après être devenu fou en essayant de supprimer la bordure dans IE7, j'ai découvert que l'attribut frameBorder est sensible à la casse.

Vous devez définir l'attribut frameBorder avec une majuscule. B .

<iframe frameBorder="0" ></iframe>

Answer 3

L'utilisation de l'attribut CSS "border" fonctionne également :

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>

• Notez que la propriété CSS border ne pas obtenir les résultats souhaités dans IE6, 7 ou 8.

Answer 4

Outre l'ajout de l'attribut frameBorder, vous pouvez envisager de définir l'attribut scrolling sur "no" pour empêcher l'apparition de barres de défilement.

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe >

Answer 5

pour les problèmes spécifiques au navigateur, ajoutez également frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" selon Dreamweaver :

<iframe src="test.html" name="banner" width="300" marginwidth="0" height="300" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Browser not compatible. </iframe>