Bonjour,

J'ai un petit souci avec des fonds, J'ai un div qui se positionne tout en haut d'une page, dans lequel il y a 3 div avec chacun une image de fond, (le coin de gauche, le coin de droite, et le milieu qui est extensible) ce qui permet d'étendre la fenetre en gardant le fond toujours pareil.

Mais quand je réduis la fenetre, les div se mettent les uns en dessosu des autres et la mise en page foire :
Voici mon HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div id="container">
  <div id="content">
    <div class="Float" style="height:50px;width:50px;background-image:url(/images/menu/body/top_left.jpg);"></div>
    <div class="Float" style="height:50px;width:80%;background-image:url(/images/menu/body/top_middle.jpg);"></div>
    <div class="Float" style="height:50px;width:50px;background-image:url(/images/menu/body/top_right.jpg);"></div>
  </div>
  <div id="footer">pied de page</div>
</div>
Voici 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
24
25
 
html, body { height: 100%; }
body { margin: 0px; padding: 0px;}
#container {
  position: relative;
  min-height: 100%;
  height: 100%;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: auto;
}
html>body #container {  height: auto; }
#content { padding: 0px; background-color: #a6c; padding-bottom: 0px; }
#footer {
  position: absolute;
  bottom: 0px;
  padding: 0px;
  background-color: #609;
  width: 100%;
}
 
.Float
{
  float:left;
}
Merci bcp.
Ju'