Sujets similaires

Bonjour CSS-actif,
bonjour à vous qui lisez ces quelques lignes. A cette heure, je serais probablement saoule et plongée dans le profond désespoir. Enfin, ce n'est pas de moi dont je souhaites vous parler, mais plutôt du thème de mon rpg, et plus précisément du header inclu dans ce thème. Aah, étant trop petit pour les grands écrans, j'ai passé un long moment à confectionner la version grand format, et voilà que sitôt posté, le coquin tente de prendre la fuite ! èe Que faire ? Ce brave header m'a coûté plus de deux heures de travail, et je ne supporterais pas de devoir le redimensionner encore et encore. Si vous avez une solution -n'importe laquelle- elle sera la bienvenue. (Il s'agit pour récapituler, de centrer le header en toute simplicité.)

Voici donc le rpg et son header récalcitrant : http://rhyddid.forumactif.com/

Merci de votre gentillesse.
Cordialement, Celska Juice. I love you

Bonjour,

Tu aimerais que ton header se centre selon la résolution de l'écran ?

Si c'est le cas, je viens de regarder ton code, rajoutes dans ta feuille de style CSS, dans la balise :

Code:: body

Ceci :

Code:: margin: 100%;
width: auto;

Comme ça, le corps de ton forum s'adaptera sur toute les résolutions d'écrans.
Par contre, il faut que tu réduises ton header, car là, il est vraiment trop grand =D.

Merci pour votre aide rapide ! Un Header qui se fait la malle 189128

Je viens d'ajouter ce code dans le css, mais je n'ai aucun moyen de savoir si cela marche. @@

Hello Celska, pour que ton header reste centré quel que soit le forum que tu utilises (la solution de DexX ne marchant pas), il te faut légèrement altérer le positionnement de ce dernier, sachant qu'il s'agit d'une image de fond.

Pour cela rajoute ceci dans ton CSS :

Code:: body {
background-position:top center;
background-repeat:no-repeat;
}

J'ai mis un "no-repeat" parce que sinon ton header se répètera horizontalement et je ne trouve pas ça terrible.

Testé et confirmé sous firebug, tu peux y aller rien n'explosera Wink

Plop,

Je confirme la solution de 'Christa qui est la bonne.

La solution de DexX ne produit pas vraiment le même effet (et donc d'ailleurs ici ne fait rien). D'autant qu'en fait, DexX, tu as une erreur dans ton CSS car tu as inversé les 2 propriétés : c'est width qui est probablement fixé à 100% et margin: auto qui permet de centrer automatiquement un bloc.

Le truc, c'est qu'il s'agit ici d'un background, d'où la solution plus adaptée de 'Christa.

Enfin, pour tester, redimensionne simplement ta fenêtre et observe le résultat Celska Wink

Ah, Christa, merci beaucoup ! Une fois de plus j'ai pu régler mon problème grace à toi, je vais essayer ce morceau de css-ci. Merci également à toi Espeon. (: Du coup j'ai un header plus grand en rab, mais le principal, c'est que ça fonctionne (du coup je me suis aperçue que j'avais une retouche de couleur à faire). Merci pour votre aide charitable et votre rapidité !

Amicalement,
Celska !

Un Header qui se fait la malle

Un Header qui se fait la malle

Sujets similaires

Sujets similaires

Partenaires Or