Bonjour,
Alors deja voici les codes pour pas que vous soyez perdus lol :
Code CSS
Code HTML
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
38
39 .div1{ background-color:#343434; border:1px solid #444444; width:700px } #div_m{ line-height:30px; border-right:1px solid #444444; margin:0px; border-bottom:1px solid #444444; background-color:#222222; float:left; width:100px; text-align:center; font-weight:bold; height:30px; } #div_m a{ display:block; width:100%; color:white; text-decoration:none; } #div_m a:hover{ display:block; width:100%; color:white; text-decoration:none; background-color:#666666; } .bg_div{ height:150px; background-image:url(images/bg_header.jpg); }
Ensuite le problème est simple (enfin ... "simple" lol ^^). Sous FireFox, tout est nickel, sans bug, impecable. Par contre sous IE... l'image de fond disparait sous mes div en float. Enfin les screens arrivent a décrire le problème mieux que moi sans doute :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <div class="div1"> <div id="div_m"><a href="index.php">Accueil</a></div> <div id="div_m">About Me</div> <div id="div_m">Galerie</div> <div id="div_m">Me Contacter</div> <div id="div_m">Aide</div> <div class="bg_div"> </div>
Donc sous firefox voila ce que ca donne :
http://www.n-nicolas.info/files/demo_devcom_ff.jpg
Et sous Internet explorer :
http://www.n-nicolas.info/files/demo_devcom_ie.jpg
Pouvez vous m'aider ?
Merci.
Nico.![]()
Partager