Probleme: menu qui bouge

Version imprimable

Bonjour a tous,

Ma pageweb est constituee d une table ou se trouve 2 cellules, dans la premiere (gauche) il a un cadre contenue (width=100%), dans la deuxieme ce trouve un menu cliquable (width= 120px).
Les liens du menu cliquable pointe sur la meme page mais en envoyant un indice par une methode GET. En fonction de cet indice, un include est fait dans le cadre contenu de la premiere cellule affichant donc la nouvelle page...
jusqu a la je croit que c est assez classique.
Dans ma table, ma premiere cellule ne comporte pas de taille predefinie, si bien que lorsque l on agrandit la fenetre celle ci grandie.
ma deuxieme cellule (celle du menu) a une taille predefinie de 125px.
Ainsi lorsque l utilisateur agrandi la fenetre, le cadre contenu s elargi mais pas le menu.
Je ne vous l ai pas dit mais le cadre contenu (celui situe dans la premiere cellule) possede dans la css un overflow:scroll. Si bien que meme si la page affichee est trop grande, les ascenseurs permettent l acces au contenu.

Le probleme, et desole pour le roman, c est que pour certaine page (plus large que le cadre contenu), 1 fois sur 5 le cadre contenu se met a prendre toute la largeur de la page si bien que l on ne voit plus le menu... Si je reactualise la page, les cadres se remettent tous en place bien comme je le voulais..

Peut etre est ce un proble due au overflow:scroll qui est peut etre une propriete instable..? a vrai dire je n en sais rien, je suis un peu debutant.

Si vous avez des idees allez y faites vous plaisir.

voici un extrait simplifie de mon code:

HTML:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <div class="contenu">   <%end if %> </div> </td> <td width="125"> <div class="menu"> </td> </tr> </table>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 CSS: .contenu{ height:492px; width:99%; overflow:scroll; } .menu{ height:492px; width:120px; }

15/06/2006, 10h10
Chronax

Salut je ne vois pas tellement ce qui cloche mais cela peut venir de tes div dans le table....et je ne vois pas non plus la div fermante de <div class="menu"> et bien tout ce recoupe un Td par la puis une div bref tu devrais essayer de remettre ca en forme....désolé
15/06/2006, 10h23
kahya

peut etre essai de fixer le premier td a 80% tu a essayé? si tu le fixe en px je suppose qu'il n'y a plus le probleme? Mais la taille ne s'adaptera plus a la résolution, donc peut etre essai de fixer a 80%
15/06/2006, 10h31
<romain/>

Et si la solution passait par la non utilisation de tableau pour la mise en page. Surtout qu'a priori la tu n'a pas une mise en page très compliqué...enfin moi je dis ca je dis rien. :D

tn probleme ca te le fait sur tous les navigateurs? Ca serait pas du a un probleme de cache plutot?

OU alors c'est juste le </div> manquant...

oui dans mon post j ai oublie la div fermante de menu. la voila maintenant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<div class="contenu">
<!--#include file="select.shtm"-->
<!--#include file="index_contenu_g.shtm" -->
<%end if %>
</div>
</td>
<td width="125">
<div class="menu"></div>
</td>
</tr>
</table>

15/06/2006, 10h34
kahya

Moi je pensai au frames en lisant mais peut etre j'ai pas bien compri le fonctionnement de ton site :D
15/06/2006, 11h15
Chronax

je suis de l'avis de romain je pense que tu pourrais faire ta mise en page sans utiliser de tableau uniquement des div ca pourrait le faire aussi !:D
16/06/2006, 05h05
BernardT

oui je sais je voulais ne faire que des divs, mais le truc c est que ce site n est pas pour moi et la personne voulais que la page puisse s agrandir et retrecir en fonction de louverture de la fenetre mais n aime pas que lorsque l on retreci trop que le div menu passe en dessous du contenu..
J ai donc essaye le min width pour le div contenu mais ca ne marchait pas. La seule solution que j ai trouve c est mettre les divs dans un tableau.
Si vous avez d autre solution faut pas hesiter.

Sinon pour ce qui est de la simplicite de ma page, en fait celle ci comporte plus de chose, mais j ai uniquement extrait la partie concernee par l'erreur, le reste n'est que footer et entete donc pas de rapport.

Si vous savez comment je pourrais revenir aux divs sans tableau et en utilisant les min et max width.. aidez moi, moi a chaque fois que j essaye ca fait rien..
A note que les personnes qui vont utiliser ce site n ont pas firefox