[CSS2 ] utilisation conjugé max-width + min-width
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:
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:
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:
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; } |
