Discussion :

[bat]

Bonjour à tous,
j'ai un problème avec un div sous Firefox uniquement.
J'ai un div avec un positionnement absolu, et une height et width précisés en pixels. A l'intérieur, se trouve un tableau. Il se trouve que la taille du tableau est plus importante que la taille du div : sous IE, le div s'aggrandit bien en fonction de son contenu. Mais sous Firefox, la taille du div reste fixe et mon tableau déborde.
Existe il une solution à ce problème ?

Merci beaucoup d'avance.

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
 
<div style="display: none; background-color: red; text-align: center; vertical-align: middle; width: 450px; height: 300px; position: absolute; left: 50%; top: 50%; border: 1px solid black;" id="photoviewer">
  <table style="width: 100%; height: 280px;" border=1>
    <tr>
      <td height="10px" align="right">blabla</td>
    </tr>
    <tr>
      <td height="300px" align="center" valign="middle">
        <img src="toto.gif" id="photoviewed">
      </td>
    </tr>
    <tr>
      <td height="10px" align="center">
        <table><tr><td>XXX</td><td>YYY</td></tr></table>
      </td>
    </tr>
  </table>
</div>

[masu]

En fait IE interprete mal la propriéte height (il fait l'equivaent d'un min-height)
modifie ton css com ceci, je pense que ca devrai fonctionner comme tu le souhaite.

Code :

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

display: none; background-color: red; text-align: center; vertical-align: middle; width: 450px; _height: 300px; min-height: 300px; position: absolute; left: 50%; top: 50%; border: 1px solid black;

[bat]

Merci beaucoup, ça fonctionne !!!