Discussion :

[flogreg]

Bonjour,
j'ai refait un site tout simple ce week end et après l'avoir testé sur opéra et IE puis validé sur le css validator, j'ai décidé de le mettre en ligne. Un ami l'a testé avec firefox et j'ai quelques soucis de mise en page. J'ai un bloc au milieu de la page qui doit faire 400px de haut minimum. Si il y a plus de contenu, la hauteur doit s'adapter automatiquement. Voici ce que j'utilise :

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
 
.cadremain
{
	background-color:#2f786d;
	float:left;
	margin-top:-25px;
	margin-left:80px;	
	width:550px;
	height:auto ! important;
	height:400px;
	min-height:400px;
	border-color:#DC9634;
	border-width:5px;
	border-style:solid;
}

J'ai l'impression que firefox n'interprete pas la propriété min-height. Voici le site si il vous manque quelque chose : http://www.casteljump.com et le fichier css entier http://www.casteljump.com/style.css

Merci pour votre aide

[FraK]

C'est bizarre d'habitude c'est sous IE que min-height pose soucis ...

Code :

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

1
2
3
4
 
height:auto ! important;
height:100%;
min-height:400px;

Ceci fonctionne t-il ?

[flogreg]

Bonjour,
Merci de la réponse. Mais le problème persiste sur firefox.

Dans toutes mes recherches google, le problème vient surtout de ie. Je n'ai pas trouvé de cas similaire.

[flogreg]

Ca y est j'ai trouvé. En fait, mon bloc était un fieldset et ca ne fonctionne pas comme un div sous firefox. Par contre si je remplace le fieldset par un div, ca fonctionne bien.
Merci pour les réponses