problème min-height FF

Version imprimable

15/06/2009, 09h49
oceane751

problème min-height FF

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
15/06/2009, 10h40
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.

alors

Code:

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:

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

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

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 :mouarf: