Discussion :

[oceane751]

bonjour à tous

j'ai un ti soucis
j'utilise un min-height pour FF
mais ce que je ne comprends pas c'est qu'au dessus d'un min-height:XX,il ne se passe rien du tout
normalement si on decide que le height au minimum soit de X, quand ça arrive au dessus ça s'agrandit automatiquement
j'ai mis un height:auto mais rien n'y fait

est ce que quelqu'un peut il me dire pourquoi si je mets un min-height:70px; height:auto; et que le height (en fonction du texte) est plus grand que 70px rien ne se passe?


merci

[Candygirl]

Hello,

Toujours difficile de répondre sans code... une explication logique au comportement décrit pourrait être que le text qui augmente la hauteur est en float et que le min-height est attribué à son conteneur.

[oceane751]

alors

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div class="chapohaut"></div>
 
<div class="testblanc"> 
    <div style="background-image:url(images/chapo_bas.gif); background-repeat:no-repeat; background-position:bottom ; width:969px; ">
    <div class="titreart" style="float:left; padding-bottom:15px; ">#TITRE</div>
    <div class="spacer">&nbsp;</div>
 
    <div style="padding-left:23px;height:auto; min-height:80px; ">[<div class="logorubart2" style="padding-bottom:70px; ">(#LOGO_RUBRIQUE||image_reduire{100})</div>][<div class="chaporubart3" style="       
    padding-bottom:70px;">(#DESCRIPTIF)</div>]</div>
    </div>
 
</div>

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
26
27
28
29
30
31
32
33
34
 
.chapohaut {
background-image:url(images/chapo_haut.gif);
background-repeat:no-repeat;
width:969px;
height:13px;
}
 
.testblanc {
background-image:url(images/chapo_milieu.gif);
width:969px;
}
 
.logorubart2 {
float:left; 
width:100px;
height:50px;
 margin-right:10px;
 margin-left:0px;
}
 
.chaporubart3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#2f2f2f; 
padding-left:0px; width:770px; float:left;
text-decoration:none; width:750px;
}
 
.chaporubart3 p {
margin:0;
padding:0;
}

merci

[oceane751]

ok
t'avais raison c'était bien à cause d'un float que j'ai enlevé ici

Code :

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

1
2
3
4
5
6
7
8
9
 
.chaporubart3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#2f2f2f; 
padding-left:0px; width:770px; float:left;
text-decoration:none; width:750px;
}

merci