bonjour à tous,

je suis confronté à un soucis css quant a la judicieuse utilisation de max-width et min-width
voici la structure de ma page

code xhmtl
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<div id="DivContent4AllArea" style="width:100%; float:left">
  <div class="DivContent4AllAreaColumnRight"> </div>
  <div class="DivContent4AllAreaColumnLeft"> </div>
  <div class="DivContent4AllAreaContent"></div>
</div>
rien de terrible 3 colonne dans un div englobant, celle de contenu doit avoir un largeur dépendante de l'espace que les 2 autres colonnes lui laisse. donc je dois faire varié
(1024-(250+160)) > width >(1600-(250+160))
donc je me dis que min-width:614 et max-width:1190


css FF
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
 
 
*>div.DivContent4AllAreaColumnLeft
{
width:250px 
height:auto; 
float:left;  
display:inline;
}
*>div.DivContent4AllAreaContent
{
min-width:550px;
max-width:1000px;
height:auto;
float:left;
display:inline;
}
 
*>div.DivContent4AllAreaColumnRight
{     
width:160px;
height:auto; 
float:right;  
display:inline; 
}
mais le div prends systématiquement max-width


sous ie pas de soucis, je ne precise rien en width,
css ie, pour info
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
 
* html div.DivContent4AllAreaColumnLeft{ 
width:250px;
height:auto;
float:left;   
display:inline;}
 
* html div.DivContent4AllAreaContent{ 
height:auto;
 float:left;
display:inline; }
 
* html div.DivContent4AllAreaColumnRight{ 
width:160px;
 height:auto; 
float:right;  
display:inline; }