Problème de "min-width"

Version imprimable

30/05/2009, 02h43
peter-lc

Problème de "min-width"
Je possède un nouveau Dreamweaver CS4 depuis peu.
Les images de quelques 120x80 pixels ajoutées dans les bordures de la taille minimale de 50 pixels et padding de 9 pixels. (phrase modifiée) Le 'min-width' est insupportable, il se prolonge à l'infini jusqu'au limite de tableau (voir les codes html et css au troisième message ci-dessous) et le 'max-width' est parfait.

je vous montre ci-dessous :
Code css
Code:

1 2 3 4 5 6 7 8 #imagethumb2{ padding: 9px; border: 1px solid #000000; min-width: 10px; min-height: 30px; background-color: #666666; }
Code html :
Code:

1 2 3 <div id="imagethumb2"> <img src="images/photo-small.jpg" width="80" height="120" /> </div>
Merci aidez-nous!
30/05/2009, 10h33
agamitsudo

Bonjour,

Je crois que min-width n'est pas supporté sous certains browsers (notamment IE6). Avec quel browser as-tu testé ce problème ?

Juste une remarque supplémentaire, min-width peut prendre la valeur auto
Exemple :

Code:

min-width : auto;

tiens moi au courant,
Cordialement,

Agamitsudo.

également que le "min-width: 30px;" qui ne peut pas se mettre à la taille minimale, il prolonge toujours à l'infini jusqu'au limite du tableau.

Voici une page html : (entre deux "body")

Code:

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
30
31
32
33
34
 
<br />
<br />
<br />
  <table id="corps2"><tr>
    <td width="25%" align="center">
    <div id="imagethumb2"><img src="images/photo-small.jpg" width="80" height="120" /></div>
    <br />
    <br /></td>
    <td width="25%" style="text-align: center">
    <br />
    <div id="imagethumb2"></div>
    <br />
    <br /></td>
    <td width="25%" style="text-align: center">
    <br />
    <div id="imagethumb2"></div>
    <br />
    <br /></td>
    <td width="25%" style="text-align: center">
    <br />
    <div id="imagethumb2"></div>
    <br />
    <br /></td>
  </tr>
  <tr>
    <td style="text-align: center">France</td>
    <td style="text-align: center">Italie</td>
    <td style="text-align: center">Allemagne</td>
    <td style="text-align: center">Ecosse</td>
</table>
<br />
<br />
<br />

Sur la première bordure avec une image (bordure orange et jaune sur padding de 9pixels).
Et les trois dernières bordures sans laisser les images. Donc vous allez voir si le'min-width' est insupportable.

CSS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
table#corps2{
	width: 800px;
	border: 0px solid #000000;
	top: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: left;
}
 
 
#imagethumb2{                   
	padding: 9px;
	border: 2px solid #FF9933;
	min-width: 30px;                 /* ---> problème, taille infini */
	min-height: 30px;
             background-color: #FFFF66;
}

S'il vous plait, aidez-nous. Merci d'avance

C'est quoi 'browser'? Ah oui! L'IE et FireFox, j'en ai les deux. J'ai vu la page sur l'aperçu FireFox depuis Dreamweaver. Et sur l'IE, je ne sais pas.