ascenseur vertical sur bloc intégré dans une page

**laurentSc** · 12/04/2013, 14h26

Je cherche à faire ce qui est indiqué dans le titre ; pour l'instant échec, et voici mon code ; peut-on me dire ce qu'il faudrait faire ?

Page principale :

Code html :

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

<iframe src="\\adresse IP_serveur_intranet\chemin\conf_en_ligne_complet.html" width="1000 px" height="1000 px" frameborder="0" scrolling="yes"></iframe>

et conf_en_ligne_complet.html :

Code html :

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
<!DOCTYPE html>
<html>
<head>
  <title>conf_en_ligne_complet.html</title>
</head>
<body>
<div style='height: 1000px;overflow="scroll"'>
<table>
  <tbody>
    <tr>
      <td>
<!-- ANTEC --><font face="Arial" size="2">
<img alt="" src="http://docexterne.fr.schneider-electric.com/Ressource.jpg?resnum=200092" border="0" height="13" width="14"><b>ANTEC
: </b></font>
      <table align="center">
        <tbody>
          <tr>
            <td style="font-family: Arial;" align="center" width="100"><a
 href="file://pfrwdoc1.eur.gad.schneider-electric.com/Divers/ANTEC2003/FILES/search.pdf"
 target="_blank"><font face="Arial" size="2">ANTEC 2003</font></a></td>
            <td align="center" width="100"></td>
            <td align="center" width="100"></td>
          </tr>
        </tbody>
      </table>
      <br>
      <br>
<!-- CARTS -->
etc.
</td>
    </tr>
  </tbody>
</table>
</div>
</body>
</html>

**Bovino** · 12/04/2013, 15h11

Code :

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

width="1000 px" height="1000 px"

Les valeurs de ces attributs ne sont pas correctes...

**laurentSc** · 12/04/2013, 16h57

Oui, merci, car en écrivant comme ça width:"5000px" height:"5000px", j'ai bien un ascenseur, sauf que j'ai beau avoir fortement augmenté les valeurs, le bloc reste ridiculement petit (et bien sûr <div style='height:"5000px";overflow="scroll"'>). Donc comment faire ?

**NoSmoking** · 12/04/2013, 18h40

Bonjour,

Envoyé par laurentSc

Donc comment faire ?

continuer d'apprendre les bases

et laisser tomber les styles inline.

Code :

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

<iframe ... width="1000 px" height="1000 px"

elle sort d'où la syntaxe ?

Code :

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

<div style='height:"5000px";overflow="scroll"'>

elle sort d'où la syntaxe ?

**laurentSc** · 12/04/2013, 23h00

J'ai sorti le style des balises, par contre, je n'ai plus d'ascenseur, ni même de scrolling, donc ça serait quoi la bonne syntaxe ?

Code html :

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

1
2
3
4
5
6
7
<style>
.class_iframe {
width:5000px;
height:5000px;
}
</style>
<iframe src="\\chemin\conf_en_ligne_complet.html" class="class_iframe" frameborder="0" scrolling="yes"></iframe>

et conf_en_ligne_complet.html :

Code html :

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
<!DOCTYPE html>
<html>
<head>
  <style type="text/css">
.class_iframe {
width:5000px;
height:5000px;
}
  </style>
  <title>conf_en_ligne_complet.html</title>
</head>
<body>
<div class="class_iframe">
<table>
  <tbody>
    <tr>
      <td>
<!-- ANTEC -->
<font face="Arial" size="2"><img alt="" src="http://docexterne.fr.schneider-electric.com/Ressource.jpg?resnum=200092" border="0" height="13" width="14">
<b>ANTEC: </b></font>
      <table align="center">
        <tbody>
          <tr>
            <td style="font-family: Arial;" align="center" width="100"><a
 href="file://pfrwdoc1.eur.gad.schneider-electric.com/Divers/ANTEC2003/FILES/search.pdf"
 target="_blank"><font face="Arial" size="2">ANTEC 2003</font></a></td>
            <td align="center" width="100"></td>
            <td align="center" width="100"></td>
          </tr>
        </tbody>
      </table>
      <br>
      <br>
<!-- CARTS -->
etc.
      </td>
    </tr>
  </tbody>
</table>
</div>
</body>
</html>

**rodolphebrd** · 12/04/2013, 23h32

Moi je les ai les barres de scroll.

**laurentSc** · 12/04/2013, 23h41

Tu les as, mais avec quel code ?

car si en local, je teste ça :

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
<!DOCTYPE html>
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body>
<style> 
.class_iframe {
width:5000px;
height:5000px;
}
</style><iframe src="conf_en_ligne_complet.html" class="class_iframe"
 frameborder="0" scrolling="yes"></iframe>
</body>
</html>

y a pas de barres de scroll...

**rodolphebrd** · 12/04/2013, 23h47

Si je les ai sur Safari (mac) même avec le bon charset

Code html :

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

<meta charset="UTF-8">

**rodolphebrd** · 12/04/2013, 23h51

Arrange ton code un peu mieux:

Code html :

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
 
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document sans nom</title>
<style>
.class_iframe {
        width: 5000px;
        height: 5000px;
}
</style>
</head>
<body>
<iframe src="conf_en_ligne_complet.html" class="class_iframe"
 frameborder="0" scrolling="yes"></iframe>
</body>
</html>

**laurentSc** · 13/04/2013, 01h21

Même avec exactement ce code, je n'ai pas d'ascenseur...

**rodolphebrd** · 13/04/2013, 10h43

Alors je ne sais pas quoi dire

**NoSmoking** · 13/04/2013, 11h19

Peut être que

Code css :

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

1
2
3
4
.class_iframe {
	width: 5000px;
	height: 5000px;
}

n'autorise pas à avoir des barres de scroll actives!

**laurentSc** · 13/04/2013, 12h11

Ca semble être effectivement le cas car si je commente ces 2 attributs, je retrouve les barres...Mais comme du coup, le bloc est trop petit, comment faire ?

**NoSmoking** · 13/04/2013, 14h25

Mais comme du coup, le bloc est trop petit, comment faire ?

mettre les dimensions qui conviennent suivant la présentation que tu souhaites

**laurentSc** · 13/04/2013, 15h09

C'est effectivement très simple :

Code :

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

1
2
3
4
5
6
7
<style>
.class_iframe {
//width:5000px;
//height:5000px;
}
</style><iframe src="conf_en_ligne_complet.html" width="500px" height="500px"
 frameborder="0" scrolling="yes"></iframe>

sauf que n'ayant pas le droit à la classe, je n'ai pas pensé à ça...