CSS + FireFox: cacher la barre de défilement sur iframe avec défilement = oui

J'ai un iframe avec défilement = oui. Est-il possible de masquer complètement la barre de défilement en utilisant CSS pour le navigateur Mozilla FireFox?CSS + FireFox: cacher la barre de défilement sur iframe avec défilement = oui

Par exemple, sur Internet Explorer j'utilise ceci: Overflow-x: hidden; Overflow-y: caché; - et il cache les barres de défilement, mais FireFox ignore ce CSS.

Voici capture d'écran IE:

alt text http://moismski.com/ie.png

Voici capture d'écran de FireFox:

alt text http://moismski.com/firefox.png

J'ai oublié de mentionner que je mets CSS, dire exactement comme ce <style>body { overflow:hidden; }</style> l'intérieur l'iframe. Je ne peux pas mettre classe à iframe lui-même comme <iframe class="...">

Iframe est mis à l'intérieur du <DIV>...</DIV>. Je l'utilise comme une fenêtre modale.

Source

2010-05-20 ilnur777

Avez-vous essayé 'overflow: hidden'? –

Oui, de toute façon il affiche des barres de défilement! – ilnur777

Il suffit d'utiliser CSS: .frame {débordement: caché; largeur: 100%; hauteur: 100%} J'ai essayé maintenant. Si vous voyez que le défilement peut être, ce n'est pas un cadre mais un élément parent? – chapluck

Avez-vous essayé de définir des valeurs explicites de largeur/hauteur sur le conteneur iframe ou parent? Aussi, votre iFrame contient-il quelque chose?

EDIT: Essayez:

div {overflow:hidden;} 
div iframe {border:0;overflow:hidden;}

dans votre page réelle qui contient le div.

Source

2010-05-20 22:17:17 edl

Oui, j'ai width = "100%" height = "100%" sur le réglage iframe! J'ai un formulaire d'inscription dans l'iframe. – ilnur777

Ahh. Ok, la bordure s'ajoute aux dimensions de sorte que votre iframe devient réellement plus grande que la fenêtre. Essayez la bordure: 0; Sauf si vous avez réellement besoin de voir l'iframe? – edl

Je suppose que vous ne pouvez pas éditer vos commentaires ou im trop brouillé pour le faire? L'accord de base est que, quand vous avez quelque chose qui est à 100% de son conteneur et que quelque chose ajoute une bordure, un remplissage ou une marge supplémentaire, cela va générer une barre de défilement. Vous pourriez essayer de poster votre code entier avec toutes les règles CSS que vous utilisez. Sinon, je ne peux que deviner. :) – edl

J'ai essayé tout ce que vous avez dit et regardé ces deux liens soit (How to remove scrollbars from Facebook iFrame application - facebook canvas height no scroll set in ie8 and firefox) qui traitent du même problème, mais cela n'a pas fonctionné pour moi. Ce qui a fonctionné pour moi a été de changer les paramètres de la toile dans la section avancée de la configuration de l'application toile (https://developers.facebook.com/apps) à la largeur de la toile fixe (760px) et la hauteur (fixée à 800).

J'espère que cela vous aidera.

Source

2012-01-30 19:34:08

CSS + FireFox: cacher la barre de défilement sur iframe avec défilement = oui

Répondre

Questions connexes