Discussion :

[Gamleur84]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
overflow-x: auto; 
overflow-y: hidden; 
overflow : -moz-scrollbars-horizontal;

mais ca marche pas !! , voici mon code :

CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Kerod]

ben oui puisque c'est pas le css de ton iframe mais de ton div donc un peu logique, non ??!!!

[Gamleur84]

ok donc...

faut je mette une class au IFrame ?

[_dranece_]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
}

[Gamleur84]

Salut,

Merci de l'aide mais cela ne marche aps malheureusmeent

[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

[sjrd]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[Gamleur84]

Salut,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

overflow : -moz-scrollbars-vertical;

n'ets aps supporter par IE 6 !

Donc, c'ets surment mon problème

[_dranece_]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[Kerod]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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 !!!!!!