Ajustement largeur div

Bonjour,

Ca fait plusieurs jours que j'essaie de résoudre mon problème sans succès. Et malgré mes recherches sur internet, je n'ai rien trouvé. Je me tourne donc vers les spécialistes du CSS...

Je souhaite afficher un logo de 900px de large centré horizontalement. A gauche et à droite du logo, je voudrais afficher une image de fond qui soit ajustée en fonction de la résolution écran. En gros ça donnerait ça :

#gauche {
float: left;
width: 50% de (largeurEcran-900px)
background: url(fond1.png);
}
 
#logo {
float: left;
width: 900px;
}
 
#droite {
float: left;
width: 50% de (largeurEcran-900px)
background: url(fond2.png);
}

Et dans le HTML :

<div id="gauche"></div>
<div id="logo"></div>
<div id="droite"></div>

Quelqu'un peut-il m'aider à résoudre ce casse-tête ?

Merci d'avance !!!

Bonjour,

Tu prend le problème dans le mauvais sens (mais tu n'es pas le seul )

Au lieu de placer une image de chaque côté du logo, il est plus simple de placer une seule image en dessous de celui-ci (sur l'élément body, ou dans un conteneur).

Cette image devra être très large (ou s'intégrer ensuite dans un fond uni) et positionnée au centre de la page (background-position:centre).

Merci beaucoup Laurie-Anne, ça marche nickel ! Comment n'ai-je pas pu y penser avant !!!