[HTML/CSS] Problème de float
Bonjour,
Alors deja voici les codes pour pas que vous soyez perdus lol :
Code CSS
Code:
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:
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> |
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. ;)
