Discussion :

[fmdr]

Bonjour,

J'ai un soucis pour inclure un tableau dans un bloc div, après avoir essayé plusieurs truc, je ne comprends pas pourquoi ça marche sous firefox et ie7 et pas sous ie6.
La taille du tableau prend la main du la taille du bloc (pourtant fixé avec un max-width) et n'active pas le scroll du bloc.
Comme un exemple vaut mieux qu'un long disours , voici l'adresse de ma page de test.
http://floreoleron.free.fr/essai.php

Quelqu'un aurait-il un idée car là, je sèche

Merci à toutes et à tous pour votre aide

@+
fm

[jc_cornic]

L'idéal serait d'envoyer ton code, car ta page.php, si on affiche la source, elle ne fait qu'envoyer ce qui a été généré par php...

Et puis, quel tableau pose problème ? dans quelle div veux-tu le mettre ??

++
JC

[fmdr]

Euh oui, il s'agit du tableau de miniature pour identification, tu as raison, désolé, voici le code : (ça marche bien sous ie7...)

Code html :

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
<div id="bloc_identification">
 
<div id="bandeau">
Espèces à identifier
</div>
 
<div id="bloc_menu_identification">
<table border="0" cellpadding="0" cellspacing="15" style="border-collapse: collapse"  id="AutoNumber1">
<tr>
<td width="50">
<img border="0" src="../flore%20orchidees/cephalantera%20longifolia%2007%20r.jpg" width="50" height="66"></td>
<td width="50">
<img border="0" src="../flore%20orchidees/ophrys%20sphegodes%2007%20chassiron%20r.jpg" width="67" height="50"></td>
<td width="50">
<img border="0" src="../flore%20botanique/atriplex%20portulacoides%2003%20r.jpg" width="66" height="50"></td>
<td width="50">
<img border="0" src="../flore%20orchidees/cephalantera%20longifolia%2007%20r.jpg" width="50" height="66"></td>
<td width="50">
<img border="0" src="../flore%20orchidees/cephalantera%20longifolia%2007%20r.jpg" width="50" height="66"></td>
<td width="50">
<img border="0" src="../flore%20orchidees/ophrys%20sphegodes%2007%20chassiron%20r.jpg" width="67" height="50"></td>
<td width="50">
<img border="0" src="../flore%20orchidees/ophrys%20sphegodes%2007%20chassiron%20r.jpg" width="67" height="50"></td>
</tr>
</table>
</div>
 
</div>

et voici le css :

Code css :

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
#bloc_identification  /* Propiétés générales de la partie gauche de la page cad liste des familles */
{
margin-top : 5px;
border: 1px solid #69B16F; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
max-width: 395px; /* donner une taille au menu */  
min-width: 395px; /* donner une taille au menu */  
}
#bandeau  /* Propiétés générales de la partie gauche de la page cad liste des familles */
{
height: 20px;
background-color: #69B16F; /* Une couleur de fond pour le corps */
text-align: center;
color: white;
} 
#bloc_menu_identification  /* Propiétés générales de la partie gauche de la page cad liste des familles */
{
overflow: auto;
height: 120px;
scrollbar-face-color: #69b164 ;
}

[FCYPBA]

Tout simplement parceque dans mes souvenir max-width n'est pas supporté par IE6 ( tout comme min-height,etc...)

En plus cela n'a rien à voir avec PHP, tu aurais du posté dans la rubrique CSS

Edit :

En plus dans ton css, pour le bloc identification tu précises min et max width, pourquoi ne pas utiliser width tout court. Ensuite, il faut suffit de régler l'overflow sur scroll. Tu n'as plus tout a fait le même fonctionnement mais il faut faire des concessions dans la vie

[fmdr]

Bonjour,

Le width tout court est le premier truc que j'ai essayé...C'est pour celà que je demande votre aide.
Pourriez-vous m'indiquer un bout de code qui pourrait résoudre mon pb sous ie6 ?
Ok pour faire quelques concessons

Merci beaucoup pour votre aide

@+
fm

[FCYPBA]

Voilà

Code CSS :

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

1
2
3
4
5
6
7
8
 
#bloc_identification  /* Propiétés générales de la partie gauche de la page cad liste des familles */
{
margin-top : 5px;
border: 1px solid #69B16F; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
width: 395px; /* donner une taille au menu */  
overflow:scroll;
}