Bonjour,
Je bloque depuis 1 heure sur un problème que je ne comprend pas. J'ai écumer le net sans y trouver de réel réponse à mon problème alors je m'adresse a vous.
Voila le problème:
J'ai une barre tout en haut de ma page qui doit normalement s'élargir si l'utilisateur a une définition supérieur a 1024x768. Cette barre du haut est une grande image dont j ai coupé un mini bout pour la passer en background pour lui permettre de se dupliquer grâce au repeat-x venant de ma feuille css. Mais malheureusement, elle ne se duplique pas.
Petit détail qui a son importance, cette barre est contenu dans un tableau qui a un width de 100%
 
Voici les élément de code:
 
Feuille CSS:
 
 
.bghorizontal {
 background-image: url("images/barre_haut_02.gif" );
 background-repeat: repeat-x;
 width: 13px;
 height: 180px;
}
 
 
Feuille HTML:
 
 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="86%"><img src="images/barre_haut_01.gif" width="790" height="180"></td>
    <td width="8%"><div class="bghorizontal">&nbsp;</div></td>
    <td width="6%"><img src="images/barre_haut_03.gif" width="177" height="180"></td>
  </tr>
</table>
 
 
Un grand merci d'avance pour votre aide.

Ton DIV fait 13 px de large...

oue mais meme avec  
.bghorizontal {  
 background-image: url("images/barre_haut_02.gif" );  
 background-repeat: repeat-x;  
 width: 100%;  
 height: 180px;  
}  
 
Ba ca marche toujours pas

Enfin c'est bizarre ton histoire, parce que tu as des images de taille fixe qui sont dans des cellules de taille variable (en pourcentage). La cellule dans lequel se trouve ne fait d'ailleurs que 8% ce qui est pas bien large.
 
Une URL pour tester ?

un conseil, si tu utilise les calques avec les div, supprime la mise en page avec des tableaux.
Ton code en sera déjà plus clair.