adapter le header à toutes résolutions d'écran

[annaluna]

Bonjour,

Après avoir fait un header pour quelqu'un, impossible de l'adapter à toutes

les résolutions d'écrans.

Mon header à la base à une taille de 1600 px.

Voici ce que j'ai d'inscrit dans le css :

TR.header{

background: #0f0d3e url(yourdesign/header1600.jpg);background-position: center;

}

Si je mets width: 100%, ou background:100% mon header est coupé sur la gauche.

En changeant le pourcentage, ce n'est pas mieux.

Quelqu'un pourrait-il m'aider, je n'y comprends rien.

Merci par avance,

annaluna

[ghost]

Salut,

Comme ça, ça ne va pas le faire...

Si vraiment tu es obligé, il faut mettre ton image dans le code avec un width: 100%!! Mais attention le redimensionnement risque de méchamment dégrader le rendu.

Il vaut mieux axer sur un background-image fixe et avoir une couleur de fond qui fasse la jonction pour les résolutions supérieures (style un dégradé).

Voilou