Discussion :

[david4444]

Bonjour,

J'ai 1 Pb avec 1 Tableau :
-> La partie gauche doit avoir 1 taille fixe. Elle a 2 lignes.
-> La partie droite couvre toute la hauteur du Tableau. Elle contient 1 "Accordion" AjaxToolKit.

=> Pb : Quand on ouvre des "AccordionPane" (onglets d'accordéon) dont la taille dépasse la hauteur des lignes de gauche, les 2 lignes de gauche s'espacent !?

Tableau: AVANT clic sur accordeon 2 :
_______________________________
ligne1.....| accordeon1
________| accordeon2
ligne2.....| accordeon3
________|________________________

Tableau: APRES clic sur accordeon 2 :
_______________________________
.............| accordeon1
ligne1.....| accordeon2
.............| ...contenu2
________| ...contenu2
.............| ...contenu2
.............| ...contenu2
ligne2.....| accordeon3
________|________________________

Mon 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
 
<table>
    <tr>
         <td>ligne1</td>
         <td rowspan="2">
              <ajax:Accordion ID="a1" runat="server" SelectedIndex="0">
                     <Panes>
                             <ajax:AccordionPane ID="p1" runat="server">
                                     <Header>
                                            <a href="" onclick="return false;">accordeon1</a>
                                      </Header>
                              </ajax:AccordionPane> 
                              <ajax:AccordionPane ID="p2" runat="server">
                                      <Header>
                                            <a href="" onclick="return false;">accordeon2</a>
                                      </Header>
                                      <Content>
                                            contenu2<br/>
                                            contenu2<br/>
                                            contenu2<br/>
                                            contenu2<br/>
                                       </Content>
                                </ajax:AccordionPane>
                      </Panes>
                  </ajax:Accordion>                         
              </td>
     </tr>
     <tr><td>ligne2</td></tr>
</table>

Comment remédier à cet espacement entre les lignes 1 et 2 ?
J'ai essayé de rajouter 1 ligne : <tr><td style="height:100%"></td></tr> (avec le rowspan de l'accordéon = 3), mais même Pb.

Merci pour vos indications.

David.

[gyzmau]

Quel résultat veux tu?

celui la?:

_______________________________
ligne1.....| accordeon1
| accordeon2
________| ...contenu2
ligne2.....| ...contenu2
________| ...contenu2
| ...contenu2
| accordeon3
________|________________________

as tu essayé cette forme?
<table>
<tr><td height="50px">ligne1</td><td colspan="3">accrodeo</td></tr>
<tr><td height="50px">ligne2</td></tr>
<tr><td ></td></tr>
</table>
- en gros j'ai pas teste c'est on the fly lol

Sinon je te préviens c'est assez galère les pourcentages sur la proprieté height notamment entre les différents navigateurs. J'ai voulu faire des tableau qui s'agrandisse suivant le conteneur j'ai pas vraiment réussi(surtout cross browser). Mais si c'est suivant le contenu il y a moyen de faire qqchose.

Si y'a une possibilité pour acceder à ton site ca serais plus facile.

[david4444]

Effectivement, Je cherche à obtenir:

_______________________________
ligne1.....| accordeon1
________| accordeon2
ligne2.....| ...contenu2
________| ...contenu2
.............| ...contenu2
.............| accordeon3
________|________________________

Oui, j'ai bien essayé de rajouter 1 ligne de compensation ... mais ...
La 3ème ligne, qui devrait compenser la hauteur de la partie gauche ne joue pas son rôle.
Pourtant j'ai mis, pour la 3ème ligne :
<tr><td style="height:100%"></td></tr>
Même avec les Hauteurs de 50px, c'est pas mieux malheusement.

Je viens d'essayer sur FireFox, pas mieux.

Pour l'URL, Pb, car je suis en stage en entreprise, et en fait c'est pas encore relié au serveur final. Ce sera juste 1 Application Web utilisable pour les employés.

Merci.

David.

[gyzmau]

ceci marche sur FF par sur IE traditionnel probleme dont je parlais plus haut.

Code :

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

1
2
3
4
5
<table>
                 <tr><td height="20px">ligne1</td><td rowspan="3"><input type="button" value="click" onclick="javascript:document.getElementById('mydiv').style.display = 'block'; " /><div id="mydiv" style="display:none;height:100px">Test moi</div></td></tr>
                 <tr><td height="20px">ligne 2</td></tr>
                 <tr><td></td></tr>
                 </table>

Au final le mieux serais surement de regarder a utiliseer autres chose que des tableaux.

[david4444]

OK,

Merci pour l'info.
Je vais m'orienter sur autre chose que les tableaux pour ce Pb.
(Je marque l'article comme résolu du fait de l'absence de solution sous IE).

David.