Version complète: sur le forum Webmaster Hub : adapter le header à toutes résolutions d'écran
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
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
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.