Bonjour à tous,

après avoir parcouru un bon nombre de forums, cherché avec mon Google des solutions, je n'ai pas encore trouvé mon bonheur. Cette question à déjà été posée plusieurs fois (puisque j'ai parcouru les réponses ^^), mais visiblement ça ne veut pas marcher chez moi. Je vous explique.

J'ai un site tout moisi composé de quelques pages. Mon souci se pose avec mon index. Il est composé d'un div, contenant deux fieldset l'un à côté de l'autre, voici mon index :

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
35
36
37
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head></head>
	<link href="main.css" rel="stylesheet" type="text/css">
	<body>
		<div id='content'>
			<fieldset id='leftside'>
				<legend>Gestion des include_path</legend>
				<h3>Entrez le r&eacute;pertoire &agrave; scanner pour le remplacement des include_path ...</h3>
				<form name='frm_scan' action='scan.php' method='post' target="_blank">
					<input type='text' name='folder' value='' size='60' /> <input type='submit' name='submitform' value='Ok' />
				</form>
				<h3>... ou choisissez parmis les r&eacute;pertoires suivants :</h3>
				<ul>
					<li><a href='scan.php?folder=/blablabla/' target="_blank">Site1</a></li>
					<li><a href='scan.php?folder=/blablablabla/' target="_blank">Site2</a></li>
				</ul>
			</fieldset>
			<fieldset id='rightside'>
				<legend>Gestion des define</legend>
				<form name='frm_define' action='varlist.php' method='POST' target="_blank">
				<h3>Choisir une application ...</h3>
					<table class="table_checkbox">
						<tr><td width="50%" class="right_align"><input type="radio" name="folder" value="/blablabla/"></td><td class="left_align">B2B</td></tr>
						<tr><td width="50%" class="right_align"><input type="radio" name="folder" value="/blablablabla/"></td><td class="left_align">WebService</td></tr>
					</table>
				<h3>... et le nom du fichier de configuration associ&eacute; :</h3>
				<font size="1" color="red"><i>(Indiquez ici le pr&eacute;fixe du nom du fichier de configuration d&eacute;sir&eacute;, il sera automatiquement suivi de .conf.php)</i></font><br /><br /><br /><br />
					<input type="text" name="config_name" value="" /><br /><br />
					<input type="submit" name="submit" value="Ok" />
				</form>
			</fieldset>
		</div>
	</body>
</html>
et voici un bout de mon css associé (juste la partie qui me prend le chou) :

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
 
#leftside
{
	width: 50%;
	float: left;
}
 
#content
{
	max-width: 1024px;
	margin: auto;
}
 
fieldset
{
	height: 500px;
	min-height: 500px;
}
 
html>body fieldset
{
	height: auto;
}
Voila alors en fait, mes fieldset font bien 500px au minimum sous IE, et s'agrandissent bien lorsque je rajoute du contenu. Mais sous Firefox, impossible. Ils s'agrandissent bien quand je rajoute du contenu, mais ils ne font jamais 500px minimum. Si j'enlève le dernier bloc de mon css :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
 
html>body fieldset
{
	height: auto;
}
dans ce cas la ça marche pour Firefox, mais plus pour IE (normal).

J'ai essayé pas mal de solutions trouvées sur le net (!important, mettre height à 100% pour tous les éléments parents, ...) mais rien n'y fait.

Merci d'avance pour votre aide.

Cdlt,
WaM.