Barre de défilement horizontale génante iframe

**bractar** · 27/05/2005, 09h15

Bonjour,
J'ai développé un page avec une iframe et quand j'ai une barre de défilement verticale (normale), j'ai également une barre de défilement horizontale (génante, innutile et moche). Comme l'enlever??
Merci d'avance pour votre aide

**piff62** · 27/05/2005, 09h17

Montre ton code ?
Tu fais quelque chose tu genre :

Code :

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

1
2
 
overflow: auto;

?

**bractar** · 27/05/2005, 09h44

Non, je n'utilise pas l'objet css overflow, je l'avais essayé mais il ne fonctionne pas pour moi.

L'insertion de ma iframe est la suivante :

Code :

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

<iframe src="test_main.php" name="presentations" width="100%" height="285" scrolling="auto" marginheight="0" marginwidth="0" frameborder="0"></iframe>

**Oluha** · 27/05/2005, 09h45

enlève le scrolling="auto" pour voir. Quand j'utilise des iframes je le précise jamais et j'ai pas de problème.

**bractar** · 27/05/2005, 09h55

toujours pareil, même en rajoutant overflow: auto;

**piff62** · 27/05/2005, 09h59

je vois que tu met un
width="100%"
Ton iframe doit faire toute la largeur de ta page ?

Tu essais pas de mettre ton width dans un tableau ou div ?

**bractar** · 27/05/2005, 10h01

Voilà le source de ma page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Extranet - Présentations ~ Presentations</title>
<script language="javascript" src="includes/rollOver.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
 
 
 
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
 
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<link href="includes/cde.css" rel="stylesheet" type="text/css">
</head>
 
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
  <table width="769" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
    <tr>
      <td><table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="28%">&nbsp;</td>
          <td width="35%">&nbsp;</td>
        </tr>
        <tr background="images/fond_haut.jpg">
          <td height="19" colspan="2" background="images/fond_haut.jpg"><img src="images/fond_haut.jpg" width="1" height="19"></td>
          </tr>
        <tr>
          <td colspan="2">  
		  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="1"><img src="../images/espaceur.gif" width="1" height="285"></td>
              <td valign="middle" align="left">		  
<iframe src="presentations_main.php" name="presentations" width="100%" height="285"  marginheight="0" marginwidth="0" frameborder="0"></iframe>
 
</td>
            </tr>
          </table>  
</td>
          </tr>
        <tr>
          <td colspan="2"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
            <tr background="images/fond_bas1.gif">
              <td width="1"><img src="images/fond_bas1.gif" width="1" height="31"></td>
              <td background="images/fond_bas1.gif" valign="middle" align="center">
<a href="presentations.php#1" class="smenu">Première présentation / First presentation</a> <span class="smenu">|</span> <a href="presentations.php#3" class="smenu">Dernière présentation / Last presentation</a>			  
			  </td>
            </tr>
          </table></td>
          </tr>
        <tr background="images/fond_bas2.gif">
          <td colspan="2" background="images/fond_bas2.gif"><table width="100%"  border="0" cellpadding="0" cellspacing="0" background="images/fond_bas2.gif">
            <tr>
              <td>Ici un menu</td>
              </tr>
          </table></td>
          </tr>
        <tr bgcolor="#05271D" background="images/fond_bas3.gif">
          <td colspan="2">mention</td>
          </tr>
      </table></td>
    </tr>
  </table>
</div>
</body>
</html>

**bractar** · 27/05/2005, 10h24

C'est bon, j'ai trouvé!
La soluce était d'enlever

Code :

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

...

:

**bractar** · 27/05/2005, 10h25

C'est bon, j'ai trouvé!
La soluce était d'enlever

Code :

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

...

:

**hortense** · 25/08/2006, 16h42

j'ai le meme probleme , effectivement , en enlevant ceci , la barre de defilement horizontale disparait , par contre toutes les polices et taille de police de la page sont dereglé , ainsi que le fond d'écran qui etait transparent devient opaque

Barre de défilement horizontale génante iframe

HTML

Vue hybride

Discussions similaires

Partager

Partager