[page HTML] affichage bizarre

**snoop** · 23/05/2006, 17h08

Bonjour,

Alors j'ai la page html suivante :

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
 
<html>
<head>
 
</head>
<body>
<table width="1014" height="100%" bgcolor="#59BED9">
<tr>
<td width="1014">
BANDEAU
</tr>
<tr>
<td width="100%">
<table width="1014" height="768" border="1" bgcolor="#FFFFFF">
    <tr>
        <td>
        <div style="width:202;height:256;overflow:auto;">
        </div>
        </td>
        <td>
        <div style="width:811;height:256;overflow:auto;">
        </div>
        </td>
    </tr>
    <tr>
        <td>
        <div style="width:811;height:512;overflow:auto;">
The must be safe for maintenance qsfsvgvwxcvcxvwxcv vxvcv cbvcbcvb The must be safe for maintenance
The must be safe for maintenance  xvxcv vcvw
The must be safe for maintenance  xvxcv vcvw
The must be safe for maintenance  xvxcv vcvwfs,v xsdfsd vcxvcvx
The must be safe for maintenance  xvxcv vcvw sdd sdf  sdez f sd
The must be safe for maintenance  xvxcv vcvwf sdfsff The must be safe for maintenance  xvxcv vcvwfs f sd fdsfs 
 
<div id="xref004"></div><a href="content_6.html#table_4" target="main"><img src="icons\xref.gif"></img></a>                                
Localization: line replaceable unit and shop replaceable unit faulty, in order of probability
For more readability of failure codes table, it includes only the abbreviations of these Line Replaceable Unit (LRU):
<div id="table_4"></div>                                
            </div>
        </td>
        <td>
        <div style="width:202;height:512;overflow:auto;">
Fault detection and isolation is done by the Buit-In Test (BIT). Different types of BIT are available on the equipment:
Power-on Built-In Test (PBIT): this test starts automatically after a cold start or a power-on reset. It is the equipment test to make sure that it is available after the initialization.                                                        
<div id="xref004"></div><a href="content_6.html#table_4" target="main"><img src="icons\xref.gif"></img></a>                                
Code: the hexadecimal failure code
Localization: line replaceable unit and shop replaceable unit faulty, in order of probability
<div id="table_4"></div>                                
            </div>
        </td>
    </tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Est-ce quelqu'un peut m'expliquer pour quelle raison les dimensions spécifiées dans les div ne s'appliquent pas correctement ?

Car je ne comprends vraiment pas ...
Merci

**titoumimi** · 23/05/2006, 17h12

petit commentaire déjà :

Code :

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

<img src="icons\xref.gif"></img>

la balise IMG ne se referme pas, de même que la balise BR ...

et essaie avec ça :

Code :

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

<div style="width:811px;height:512px;overflow:auto;">

**Nemesys** · 23/05/2006, 17h12

Salut,

Pourquoi ne définit tu pas tes div que tu parametres dans un fichier css ? C'est beaucoup plus simple...

**snoop** · 23/05/2006, 17h29

titoumimi : les balises <img> est bien fermée et il n'y a pas de balise <br>...
J'ai essayé :

Code :

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

 <div style="width:811px;height:512px;overflow:auto;">

mais sans succès...

**snoop** · 23/05/2006, 17h30

Envoyé par Nemesis_

Salut,

Pourquoi ne définit tu pas tes div que tu parametres dans un fichier css ? C'est beaucoup plus simple...

oui, ce serait mieux mais ces fichiers sont générés automatiquement et pour faire cela il faudrait changer tous le processus...

**snoop** · 29/05/2006, 11h38

Je relance, si quelqu'un a une idée...

Invité · 29/05/2006, 16h15

Deux trois trucs en vrac :
Si tu veux spécifier des largeur/hauteur en css l'unité est obligatoire => rajouter des px partout (width:811px etc ...) ensuite si ton tableau est trop grand c'est normal tu as la première ligne un bandeau de 1014 (oubli d'une fermeture de <tr> au passage), la deuxième ligne : première colonne 202 px et deuxième colonne 811px ; la troisième ligne : première colonne de 811 px et deuxième de 202px. Au résultat le tableau va avoir deux colonnes de 811 px chacun soit un tableau de 1622 px ^_^
si tu veux avoir le résulat que je pense que tu veux il faut faire deux lignes :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<tr>
<td>
<div style="width:811px;height:512px;overflow:auto;float:left;"></div>
<div style="width:202px;height:512px;overflow:auto;float:left;"></div>
</td>
</tr>
<tr>
<td>
<div style="width:202px;height:512px;overflow:auto;float:left;"></div>
<div style="width:811px;height:512px;overflow:auto;float:left;"></div>
</td>
</tr>

Un détail important : le overflow rajoute une barre de défilement qui se rajoute en supplément de la taille => 811px + 202px = 1013px sans barre tout s'affichera bien. Si il y a une barre les divs seront affichés les uns en dessous des autres. Je te conseille donc soit de rétrécir les div, soit d'agrandir la largeur du tableau.
Voilà en espérant t'avoir aidé.
@++

jeff

**snoop** · 06/06/2006, 10h35

Merci pour ces remarques qui malheureusement ne m'ont toujours pas aidées à résoudre ce problème...
jeff2034 : ton exemple mets les zones de texte les unes en dessous des autres et non pas sur la même ligne...

Je suis toujours ouvertes aux propositions...
Je vous redonne l'exemple qui pose problème :

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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
 
<html>
<head>
 
</head>
<body>
<table width="1014" height="100%" bgcolor="#59BED9">
	<tr>
		<td width="1014">
		BANDEAU
		</td>
	</tr>
 
	<tr>
<td width="100%">
<table width="1014" height="768" border="1" bgcolor="#FFFFFF">
    <tr>
        <td>
        <div style="width:202px;height:256px;overflow:auto;">
cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1
cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1
cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1
cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1
cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1
cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1
cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1 cellule 1
cellule 1 
        </div>
        </td>
        <td>
        <div style="width:811px;height:256px;overflow:auto;">
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 cellule 3 
        </div>
        </td>
    </tr>
    <tr>
        <td>
        <div style="width:811px;height:512px;overflow:auto;">
cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 
cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 
cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 
cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 
cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 
cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 
cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 
cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 
cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 cellule 2 
 
            </div>
        </td>
        <td>
        <div style="width:202px;height:512px;overflow:auto;">
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 cellule 4 
 
            </div>
        </td>
    </tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Merci