[AwesomeBB] Problème affichage header

[Mr. Shidokaz]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Modification du header.
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir à toutes et à tous,

Souhaitant créer un forum RPG à l'apparence "simple mais esthétique", je me suis tourné vers la version AwesomeBB de Forumactif. Son design de base est plutôt agréable et mon but n'est pas de créer quelque chose d'ultra perfectionné avec des fioritures à outrance... Pourquoi ? Aha, car je suis une bille en graphisme et en codage ! Je bidouille ! ^^'

Bref, là n'est pas la question ! Quoique... si, en fait : un peu !

Grosso modo, je souhaiterais modifier le header sur Awesome, l'encadré situé juste en dessous de la barre de navigation (je précise car d'un forum à l'autre, le terme "header" ne veut pas dire la même chose ^^').
J'ai réussi à récupérer le code pour modifier cette partie, et voici ce qui est actuellement entré dans mon CSS :

Code:

#header-banner {
    background-color: #172329;
    background-image: url(https://i.servimg.com/u/f76/19/64/69/05/header10.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 300px;
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}

Compte tenu de la largeur de mon forum fixée à 1200px (dans l'onglet "Configuration" sur le panneau de l'administrateur), l'image que je souhaiterais installer mesure exactement 1200px*300px.
Toutefois, le problème que je rencontre est le suivant : en utilisant ce code, l'image est comme étirée. Le texte central est agrandi, et le background de l'image est pixellisé.
Si je déchiffre bien le code ci-dessus, un élément doit justement faire en sorte que l'image recouvre l'intégralité de l'écran, pour s'adapter à la résolution d'un utilisateur ou d'un autre... mais après avoir bataillé pour trouver la solution, j'ai un peu laissé tomber.

Et me voici !

Auriez-vous une idée de ce qui cloche sur ce code ? (J'imagine que oui, d'après d'autres sujets, ce n'est pas un cas à part ^^').
Le but serait de pouvoir étaler l'image sur l'intégralité du bandeau du header sans la déformer. Possible or not possible ?

Merci d'avance pour vos retours,

Mr. Shidokaz.

[Atols]

Coucou prochaine fois peut-être ne pas masquer le lien du forum ça facilitera grandement la personne qui souhaite t'aider :/
(je vais éditer mon post après avoir regarder)

EDIT: en fait c'est assez simple, c'est parce que dans ton code il y a la propriété background-size:100% auto; 100% est la valeur de la largeur. Donc ton image s'adapte à la taille de l'écran.

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.