[HTML/XHTML] Tableau qui ne garde pas ses dimensions

**mimagyc** · 19/06/2007, 15h39

Bonjour, je vous esplique mon problème :
J'ai une page index.php ou j'affiche mon header, menu etc.
Pour le contenu de la page, jutilise des includes .
Mon souci est que lorsque le contenu de la page (donc l'include affiché) est plus haut que le menu, la hauteur du tableau du menu s'agrandi .. alor uqe j'ai une ligne juste en dessous de ce tableau ou je n'ai aps indiquer de height pour que justement ce soit cette ligne qui s'agrandisse sabns déformé mon menu.
voici le code

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
 
<table width="800" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="159" colspan="2" valign="top" background="img/header.png">
	<table width="800" height="147" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="612" height="22" align="left" valign="top" class="Style6"> &nbsp;&nbsp;&nbsp;<a class="Style6" href="mailto:webmaster@fai.fr"><span class="Style6">Conctact webmaster</span> </a>| Copyright A&eacute;ris-online &copy;2007-2008 </td>
        <td width="188" align="center" valign="middle" height="22"><a href="index.php?page=connexion">Connexion</a></td>
      </tr>
      <tr>
        <td height="125">
		<?php
                $pages=array(
'description'=>'inser/aeris',
'telechargement'=>'inser/ddl',
'support'=>'inser/aide',
'comunaute'=>'inser/pote',
'inscription'=>'inser/ins',
'connexion'=>'inser/session',
)
?>		</td>
        <td align="center" valign="middle">&nbsp;</td>
      </tr>
    </table>	</td>
  </tr>
  <tr>
    <td class="menu" width="139" height="412" align="center" valign="top" background="img/menu.png">
	<table width="139" height="412" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="18" height="34">&nbsp;</td>
        <td width="94" align="center" valign="middle"><a href="index.php">News</a></td>
        <td width="33">&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle"><a href="index.php?page=description&top=story">Aéris Online </a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle"><a href="index.php?page=telechargement&top=client">Téléchargement</a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle"><a href="index.php?page=support&top=faq">Support</a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle"><a href="index.php?page=comunaute&top=screenshot">Communauté</a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle"><a href="index.php?page=inscription">Inscription</a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle"><a href="http://www.aeris-online.com/forum/">Forum </a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle">Mon compte </td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle">Guide</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="34">&nbsp;</td>
        <td align="center" valign="middle">Database</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="38">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>	</td>
    <td width="662" rowspan="5" align="center" valign="top" class="ta_classe" >
	<?php
/*lien caché pour le menu.php*/
        if(isset($_GET['page']) && array_key_exists($_GET['page'],$pages))
  { include $pages[$_GET['page']].'.php';}
  else
{
include("inser/acceuil.php");
   }
   if (isset ($connexion)) {
mysql_close();}
        ?>	</td>
  </tr>
  <tr>
    <td height="216" background="img/pub.png">&nbsp;</td>
  </tr>
  <tr>
    <td ><p>&nbsp;</p>
	</td>
  </tr>
  <tr>
    <td ><p>&nbsp;</p>
	</td>
  </tr>
</table>

Merci.
http://www.aeris-online.com/

**Oluha** · 19/06/2007, 16h56

bon déjà y'a un soucis puisque tu as plusiers <html> et <body> dans ta page

Quand tu fais des includes, il faut juste que ce soit des morceaux de page sans ces balises là sinon tu risques d'avoir des problèmes d'affichage et ca n'est pas valide W3C.
Sinon on dirait que toute ta mise en forme est faite avec des tableaux ce qui n'est pas conseillé.

HS : j'aime bien les images que tu as utilisés pour ton design, ca vient de quoi ?

**mimagyc** · 19/06/2007, 17h10

Erf je suis pourtant obliger de faire un tableau dans la page (celle qui se faire inclure) pour pouvoir afficher mes fond d'image (le cadre bleu).
HS : les images viennent du jeu ragnarok online.

edit: en enlevant toute les balise html body head, enfin en laissant que le tableau, j'ai le meme résultat ...

J'ai ensuite tester en ne mettant que le texte ... , et c'est la meem chose, la case ou il y a le menu s'agrandit , au lieu que ce soit celle qui est vide en dessous ...

**blueice** · 20/06/2007, 08h53

Une page ne peut pas avoir plusieurs body !!
Tant que tu ne corriges pas ca, on ne pourra pas t'aider.

**mimagyc** · 20/06/2007, 09h21

Je me suis mal espliqué ^^
Je suis en train de test cette page mais en mettant directement le texte dans le contenu, donc je n'ai plus d'include, c'est une page tout ce qu'il y a de plus simple.
mais lorsque le texte du contenu dépasse (en hauteur donc height) la colonne de gauche, celle si ne s'étant pas comme il le faut ...

Ici si le contenu est trop haut, la partie "vide" et "menu" s'etand a peu pres proportionnellement, alors que la partie menu ne devrai pas etant donné que je lui indique un height.
Merci.

exemple : http://www.aeris-online.com/site01/index2.php

**blueice** · 20/06/2007, 09h41

Sois tu fixes ta hauteur pour le contenu.
Sois tu peux mettre ton menu de gauche en "position absolute" avec un left à 0. Ensuite tu décales le contenu vers la droite avec un margin-left de la taille du menu de gauche.

**Oluha** · 20/06/2007, 10h00

Envoyé par mimagyc

Erf je suis pourtant obliger de faire un tableau dans la page (celle qui se faire inclure) pour pouvoir afficher mes fond d'image (le cadre bleu).

Il n'y a rien qui t'oblige à faire une mise en forme avec un/des tableau(x). Si tu tiens vraiment à le faire, dans ce cas imbrique le tableau de ton menu dans la cellule de gauche du tableau principal, comme ca ton menu aura une hauteur fixe.