Bonjour

Je suis en train de développez un site en ajax dont voici l adresse (version beta) : http://mweiss.biroweb.com/amayiro_n+1/

(compatible uniquement FF et IE7 (pour le moment)

Mon probleme se situe au niveau des changement de bloc lorsque l'on clique sur un onglet.
Cliquez par exemple sur FAQ (vous pouvez noter un petit décalage du site. Je n'arrive pas a trouver le probleme.

La page est composé d'un tableau et dans chaque cellule du tableau se trouve des DIV qui ont le style DISPLAY à NONE ou BLOCK suivant leur état (affiché ou pas)
Lorsque l'on appuie sur un onglet on appelle un script javascript qui modifie la propriété du style.

voici quelques bout de code qui pourrais vous aider :


//structure générale HTML/PHP
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
 
....
<TR>
                  <TD COLSPAN="3" align="left" valign="top" ROWSPAN="7" background="" WIDTH="338" HEIGHT="483" id="ID_DIVD_fond">
                     <?php
                     //différent DIV
                     include('frames/php/sort.php');
                     include('frames/php/carac.php');
                     include('frames/php/selection.php');
                     include('frames/php/faq.php');
                     ?> 
                  </TD>
                  <TD>
                     <IMG src="images/spacer.gif" WIDTH="1" HEIGHT="133" ></TD>
               </TR>
....
//structure d'un DIV
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<div class="conteneur_selection" id="ID_conteneur_selection">
</div>
//style du DIV FAQ
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
.conteneur_faq
	{
	width:99%;
	height:483px;	
	font-family:Trebuchet MS,Verdana, arial;	
	font-size:12px;
	display:none;
	padding-left:10px;
	}
 
.question
	{
	width:300px;	
	}	
 
.reponse
	{
	width:300px;
	}
//Style du DIV selection
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
.conteneur_selection
	{
	width:99%;
	height:483px;	
	font-family:Trebuchet MS,Verdana, arial;	
	font-size:12px;
	display:block;
	padding-left:10px;
 
	}
J'ai bien essayer de changer le padding-left en le remplaçant par un margin-left, les prop du width...etc mais rien y fait.

Avez vous une idée?