[XHTML] Tableau et dimension minimale

**amestoche** · 21/05/2007, 11h22

Bonjour à tous !
Alors voilà, je crée actuellement une nouvelle fonctionnalité dans un site web et ma mise en page est en tableau. Je sais, c'est vraiment pas le top mais pour le coup je n'ai pas le choix, on m'a donné ca tout fait à ne pas toucher ou du moins, presque pas. En fait, je voudrais que la taille d'une case dépende de la taille de la fenetre.
En gros, j'ai une en-tête, un pied de page et au milieu une ligne (contenant 2 <td>) et je voudrais que le tout prenne au minimum la taille de la fenetre. Comment faire ?
Merci d'avance pour votre aide.

**Deallyra** · 21/05/2007, 13h00

ton table est en 100% pour height et width?

**amestoche** · 21/05/2007, 13h55

Euh ben en largeur non mais ca, peu importe. Et en longueur oui, j'ai taille minimale de 100%, mais... rien ! lol (enfin non c'est pas vraiment drôle !)

**Deallyra** · 21/05/2007, 14h01

tu peux donner le code de ton tableau

**amestoche** · 21/05/2007, 14h06

Euh voilà le code source d'une page c'est plus simple étant donné que dans mon tableau tout est généré en PHP, ca ferait trop de fichiers !

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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Essai</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="javascript.js" type="text/javascript"></script>
 
<script type="text/javascript">
function coche(bouton){
        if (bouton.checked){
                document.getElementById('retrait').style.display = "block";
        }
        else{
                document.getElementById('retrait').style.display = "none";
        }
}
</script>
</head>
 
 
<body>
 
<div id="bulle" style="position: absolute; z-index:11;display:none;"></div>
 
<script type="text/javascript" src="javascript.js"></script>
 
<div id="fond">
 
<form method="post" action="recup/recupRaisons.php" name="raisons">
 
<table id="conteneur" summary="main table" cellpadding="0" cellspacing="0">
	<tr>
		<td id="logo"><a href="../default.html"><img src="images/logo.png" alt="logo" /></a></td>
 
 		<td id="titre">SIMULATION D'ETUDE TERAWATT</td>
 
  </tr>
  <tr>
  	<td id="recommtd">
		<div id="recomm">
			<a href="index.php">Recommencer</a>
		</div>
	</td>
 
<td>
 
	<div id="etapes">
		<ul>
			<li id="etapeDebut"></li>
<li class="etapeFaite"><a href="index.php" onmouseover="pop0('Vos caract&eacute;ristiques essentielles')" onmouseout="disparaitre0()">Etape 1</a></li><li id="etapeEncours">Etape 2</li><li class="etapeAfaire">Etape 3</li><li class="etapeAfaire">Etape 4</li><li class="etapeAfaire">Etape 5</li><li class="etapeAfaire">Etape 6</li><li id="etapeFin"></li>			</ul>
		</div>
	</td>
 
</tr>
 
<tr>
	<td id="tdgauche">
 
    	<div id="bulleIdees">
			<div class="BItete">
				<div>
					Trop de listes ? Sélectionnez "Autres problèmes techniques" dans celles-ci				</div>
			</div>
 
			<div class="BIpied"></div>
    	</div>
 
		<br />
    	<br />
    	<br />
 
		<div id="mascotte">
			<img src="mascottes/teraman.png" alt="mascotte" />		</div>
	</td>		
	<td id="tddroit">
 
		<div id="contenu">
 
			<div id="texteQuestion" align="center">
	Optimisation : objectifs</div>		
		<div id="reponse">
				<input type="checkbox" name="raison0" value="prix" checked="checked" />
						<span id="opt" onmouseover="pop0('L'optimiseur synapse peut vous permettre de réduire votre contrat de 30 à 40%')" onmouseout="disparaitre0()">Je souhaite pouvoir r&eacute;duire ma facture d'&eacute;nergie &eacute;lectrique et je choisis <strong>l'optimisation tarifaire</strong></span>
 
						<br/><br/><br/><input  type="checkbox" name="raison1" value="technique" onclick="coche(this)" />
							<span id="pb" onmouseover="pop0('Mettre le texte approprié !')" onmouseout="disparaitre0()">Mon installation rencontre des difficult&eacute;s d'acc&egrave;s à l'&eacute;nergie, je ne peux disposer de le puissance souhait&eacute;e, mon infrastructure d'alimentation et/ou distribution <strong>sature</strong>.</span>	
 
 
			</div>
 
		</div>
	</td>
</tr>
 
<tr>
  	<td id="boutong">
			</td>
  	<td id="boutond">
		<table id="navig" summary="navigation" width="100%" border="0">
 
			<tr>
				<td align="left"><div id="precedent"><a href="#" onclick="javascript: history.back();">Précédent</a></div></td>
 
			    <td align="center"><div id="aide"><a href="#" onclick="popupcentree('aideraisons.htm')">? Aide</a></div></td>
			    <td align="right"><div id="suite"><a href="#" onclick="document.forms.raisons.submit();">Suite</a></div></td>
			</tr>
      </table>
	</td>
 
</tr>
 
<tr>
	<td id="piedg"></td>
	<td id="piedd">
		<div id="pied"></div>
	</td>
</tr>
</table>
 
</form>
</div>
 
</body>
</html>

**Deallyra** · 21/05/2007, 14h14

ton premier table n'a pas de valeur en hauteur

[XHTML] Tableau et dimension minimale

HTML

Vue hybride

Discussions similaires

Partager

Partager