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 :
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
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épertoire à 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é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é :</h3> <font size="1" color="red"><i>(Indiquez ici le préfixe du nom du fichier de configuration désiré, 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>
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
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; }
dans ce cas la ça marche pour Firefox, mais plus pour IE (normal).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 html>body fieldset { height: auto; }
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.
Partager