Bonjour,
Je viens vers vous car je rencontre un soucis d’affichage de balise div sous Firefox. Par contre ça fonctionne sans problème avec IE.
Voici ci-dessous 2 captures, la premiere sous IE et la deuxième sous firefox.
Capture sous IE
Capture sous FF
Les cadres sont effectués à l’aide de balise div et de css.
Voici ci-dessous une portion du code html :
Code xhtml : 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
38
39
40
41
42
43
44
45
46
47
48
49
50 <div class="root_container"> <div class="container"> <div class="legend"> Informations sur le produit </div> <div class="content"> <table class="appli_tab"> <tr> <td class="label">#text( "rp.label.companyName" )</td> <td>$bean.companyName</td> <td class="label">#text( "rp.label.label" )</td> <td>$bean.label</td> </tr> <tr> <td class="label">#text( "rp.label.productCode" )</td> <td>$bean.productCode</td> <td class="label">#text( "rp.label.centilisation" )</td> <td>$bean.centilisation</td> </tr> <tr> <td class="label">#text( "rp.label.term" )</td> <td>$bean.term</td> <td class="label">#text( "rp.label.grapeVariety" )</td> <td>$bean.grapeVariety</td> </tr> <tr> <td class="label">#text( "rp.label.colorCode" )</td> <td>$bean.colorCode</td> <td class="label">#text( "rp.label.vintage" )</td> <td>$bean.vintage</td> </tr> <tr> <td class="label">#text( "rp.label.brand" )</td> <td>$bean.brand</td> <td class="label"></td> <td></td> </tr> </table> </div> </div> <div class="container"> <div class="legend"> Affichage des matières sèches </div> <div class="content"> Contenu ....... </div> </div> </div>
Voici ci-dessous le code css :
Code css : 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 .root_container { width: 700px; } .container { border: 1px solid #A90118; position: relative; padding: 15px 10px 10px 10px; margin-top : 20px; height: 100%; } .container .legend { position: absolute; left: 15px; top: -10px; background: #FCE1B7; font-weight: bold; padding: 0 5px; border: 1px solid #A90118; color : #B82312; font-size: 12px; }
Le doctype utilisé est :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Pouvez-vous m'aider?
Merci d'avance.
Partager