Discussion :

[Nico_57]

Bonjour,

Alors deja voici les codes pour pas que vous soyez perdus lol :

Code 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
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);
}

Code HTML

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">&nbsp;</div>

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 :

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.

[Kerod]

Moi je conseillerai de faire ainsi :

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
40
41
 
.div1{
background-color:#343434; 
border:1px solid #444444; 
width:700px;
background-image:url(images/bg_header.jpg);
}
 
#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; 
 
}
</style>

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">&nbsp;</div>
</div>

[Nico_57]

Ca fonctionne Merci !