ScrollBar Hortizontal dans mon Iframe

Version imprimable

Salut,

J,ai un IFRame sur mon site et je ne veux dans aucun cas qu'une scrollbar apparaisse hozizontalement, mais verticalement oui ( ou auto ).

Plusieurs sujet traite de cela sur le forum et même des solutions :
Code:

1 2 3 overflow-x: auto; overflow-y: hidden; overflow : -moz-scrollbars-horizontal;
mais ca marche pas !! , voici mon code :

CSS :
Code:

1 2 3 4 5 6 7 8 #content{ margin:10px 5px 0px 278px; background-color:#FFFFFF; border:1px color:#CC0099; overflow-x: visible; overflow-y: visible; overflow : -moz-scrollbars-horizontal; }
HTML
Code:

1 2 3 4 <div id="content"> <IFRAME name="principal" frameborder="0" SRC="articles.php" WIDTH=669 HEIGHT=470 scrolling="auto"> </IFRAME> </div>
Quelqu'un vois el tit probleme ?

Merci

16/02/2006, 01h27
Kerod

ben oui puisque c'est pas le css de ton iframe mais de ton div donc un peu logique, non ??!!!
16/02/2006, 02h43
Gamleur84

ok donc...

faut je mette une class au IFrame ?

Je connais pas trop les iframe mais je pense que tu peux y affecter le style comme ça:
Code:

1 2 3 4 5 6 7 8 9 10 11 #content{ margin:10px 5px 0px 278px; background-color:#FFFFFF; border:1px color:#CC0099; } #content iframe{ overflow-x: hidden; overflow-y: visible; overflow : -moz-scrollbars-vertical; }

16/02/2006, 21h35
Gamleur84

Salut,

Merci de l'aide mais cela ne marche aps malheureusmeent
16/02/2006, 23h27
Kerod

Les iframes c'est assez spécial...ne fais pas de css pour mais mets le directement dans la définition de celle-ci pour voir ce que ca donne

Et puis pour éviter un scroll horizontal, as tu réduit les bords de l'iframe???ca permettra de partir directement du bord

En reprenant le code de _dranece_ pour ce qui est du CSS :

Code:

1
2
3
4
5
6
7
8
9
10
#content{
   margin:10px 5px 0px 278px;
   background-color:#FFFFFF;
   border:1px color:#CC0099;
}
#content iframe{
   overflow-x: hidden;
   overflow-y: visible;
   overflow : -moz-scrollbars-vertical;
}

Et en ajoutant un id="content" à ton iframe, ça devrait aller non ?

Code:

1
2
3
4
<div id="content">
<iframe name="principal" frameborder="0" SRC="articles.php"   WIDTH=669 HEIGHT=470 scrolling="auto" id="content">
</iframe>
</div>

17/02/2006, 16h13
Gamleur84

Salut,

Merci de l'aide mais ca ne marche toujours aps, mais mon dreamwaever me dit que

Code:

overflow : -moz-scrollbars-vertical;

n'ets aps supporter par IE 6 !

Donc, c'ets surment mon problème
17/02/2006, 16h38
_dranece_
Ce n'est effectivement pas supporté par IE d'où la double définition css:
Code:

1 2 3 4 5 6 #content iframe{ overflow-x: hidden;/* pour IE */ overflow-y: visible;/* pour IE */ overflow : -moz-scrollbars-vertical;/* pour Mozilla (Firefox) */ }
En ce qui concerne les autres navigateurs je ne sais pas mais ils suivent généralement les règles d'IE ou de Firefox.

Pour ton probleme, je n'ai pas pris le temps de tester mais peut etre que les iframes ne supportent pas ces définition css tout simplement.
17/02/2006, 19h45
Kerod
Citation:
Envoyé par _dranece_

Ce n'est effectivement pas supporté par IR d'où la double définition css:

Code:

1 2 3 4 5 6 #content iframe{ overflow-x: hidden;/* pour IE */ overflow-y: visible;/* pour IE */ overflow : -moz-scrollbars-vertical;/* pour Mozilla (Firefox) */ }

En ce qui concerne les autres navigateurs je ne sais pas mais ils suivent généralement les règles d'IE ou de Firefox.

Pour ton probleme, je n'ai pas pris le temps de tester mais peut etre que les iframes ne supportent pas ces définition css tout simplement.
+1 je l'ai dit plus haut j'avais créée un site avec une iframe et tous les css que j'appliquais sur ces paramètres ne passaient pas donc obligé de mettre tout dans la balise elle meme
04/06/2006, 19h43
FrenchTed

Si c'est toujours d'actualité, j'ai la solution pour ce probleme de scroll horizontal

Il faut enlever les balises <head> de la page qui apparait dans l'Iframe.
Merci IE !!!!!! :roll: