[page HTML] affichage bizarre

Version imprimable

Bonjour,

Alors j'ai la page html suivante :

Code:

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

23/05/2006, 17h12
titoumimi

petit commentaire déjà :

Code:

<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:

<div style="width:811px;height:512px;overflow:auto;">
23/05/2006, 17h12
Nemesys

Salut,

Pourquoi ne définit tu pas tes div que tu parametres dans un fichier css ? C'est beaucoup plus simple...:)
23/05/2006, 17h29
snoop

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

Code:

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

mais sans succès...
23/05/2006, 17h30
snoop

Citation:

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...
29/05/2006, 11h38
snoop

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

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:

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

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:

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

07/06/2006, 00h59
Invité

Salut
Mon exemple marche si tu as mis cellpadding=0 et cellspacing=0 dans ton table ^_^
@++
07/06/2006, 12h24
snoop

Merci jeff2034, en effet ça marche...
Je vais faire comme ça !