Header qui se répète?

[Xeem]

Bonjour, oui encore un petit problème. voilà le header de mon forum se répète est-ce qu'il y aurai un moyen pour remédier a cela?



Vous voyez bien le bannière qui se répète a droite...

Merci de votre aide.

---

J'avais oublié, Le header se répète seulement sur écran plus large. car chez moi le header s'affiche sans répétition.

[exdiogene]

Dans le style il manque "no-repeat" après "url(http://veenforum.net/images/classicblue/head.png)" :

Code :

#logo1{
     height:244px;
     width:26px;
     background: url(/images/classicblue/classicform.png) no-repeat;
     margin-top:-100px;
}

#headerveen{
width: 70%;
height: 130px;
background: url(http://veenforum.net/images/classicblue/head.png);
margin: auto;
border-radius: 0px 0px 12px 12px;
border: 1px inset #242424;
border-top-color: #AFAFAF;
}

[Xeem]

Je comprend mais non, sur mon ordinateur chez moi il y a aucun problème. la si j'ajoute no-repeat sa donne cela:

http://imagesup.org/images12/1397937837-sans-titre-1.png

[spyto]

Pour moi, c'est bon. Vide le cache du navigateur !

Edit: Oups, je n'avais pas élargi horizontalement !
C'est normal qu'il y ait un manque à droite pour de hautes résolutions.
Le sélecteur #panel est à 70% de la largeur de la fenêtre... et ton image ne fait "que" 944 pixels de large, donc forcément, si tu élargis trop, elle ne sera pas assez large !
Il y a deux solutions :
- mettre #headerveen en largeur fixe par exemple width: 944px (la largeur de l'image)
- rester à 70% mais utiliser une image plus large (qui sera tronquée sur de faibles résolution.

[Xeem]

Normale j'ai fait le changement avec l'outil de google chrome, seulement moi peux voir le changement.

[spyto]

Lis mon "edit" ci-dessus...
Pour moi aussi, il y a un maque sous Firefox quand la fenêtre est trop large.

Edit : pour info l'image du header de MyBB.fr mesure 1520 px de large.

[exdiogene]

(19-04-2014, 22:04)Xeem a écrit :  Je comprend mais non, sur mon ordinateur chez moi il y a aucun problème. la si j'ajoute no-repeat sa donne cela:

http://imagesup.org/images12/1397937837-sans-titre-1.png

Ce qui est normal, si nous ne voulons pas que l'image se répète alors le surplus reste vide!

L'image étant 944 pixels de large, il faut donc limiter l'entête à la même dimension pour éviter ce genre de situation.

L'utilisation de l'attribut "max-width" est donc recommandé.

Édit : Oupsss! J'ai trop tardé avant d'envoyer ma réponse...

[Xeem]

Donc je coupe le header à 944px etj'ajoute l'attribut max-width:944px; ?

[exdiogene]

C'est l'un ou l'autre!

Ou bien l'entête est toujours fixée à 944px ou bien elle pourra s'agrandir jusqu'à un "max-width" de 944px