ModernBB : 2 bandes blanche qui s'incrustent

[*Splash*]

Bonjour,

J'ai remanié mon forum avec la transparence, sauf que 2 bandes blanche persistent à droite et à gauche



Comment faire pour qu'elles disparaissent ?

Code ajouté au CSS :

Code:

/* image fond de forum */
#wrap {
    background-image: url(https://i.servimg.com/u/f62/19/86/46/95/thumb-10.png);
    background-attachment: fixed !important;    
    background-repeat: no-repeat !important;    
    background-size: 100% 100% !important;  
}

body {
background: url(https://i.servimg.com/u/f62/19/86/46/95/thumb-10.png);      
background-attachment: fixed !important;    
background-repeat: no-repeat !important;    
background-size: 100% 100% !important;    
}


EDIT

Pour contourner le problème j'ai remis une largeur de forum à 100%
J'aimerais bien savoir d'où vient le problème quand la largeur est réduite

[papa pig]

Bonsoir,

Vous pouvez ajouter ceci à votre feuille de style CSS :

Code:

body, html {
  background-color: #000000;
}
div.conteneur_minwidth_IE,
div.conteneur_layout_IE,
div.conteneur_container_IE,
div#wrap {
  background-color: transparent !important;
}

Et me dire ce que ça donne merci

[*Splash*]

Hi papa pig,

Les bandes blanches sont devenues noires

[papa pig]

Et l'image de fond, vous l'avez intégrée comment ?

[*Splash*]

Dans mon post initial j'ai mis le code CSS correspondant à l'intégration de l'image de fond

[papa pig]

Quelle largeur 'interne" souhaitez-vous ?

[*Splash*]

Je ne sais pas trop, quelle est la norme standard ?

[papa pig]

Question de goût... Je propose 85%, mais vous pouvez changer à votre guise dans ce code sur le div#page-body :

essayez cette configuration :

Code:

/* image de fond et et largeur du forum */
body, html {
  background-color: #000000;
}
body {
  background-image: url("https://i.servimg.com/u/f62/19/86/46/95/thumb-10.png");      
  background-attachment: fixed !important;    
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top;
}
div.conteneur_minwidth_IE,
div.conteneur_layout_IE,
div.conteneur_container_IE,
div#wrap {
  background-color: transparent !important;
}
div#wrap {
  width: 100% !important;
  background-image: url("https://i.servimg.com/u/f62/19/86/46/95/thumb-10.png");
  background-attachment: fixed !important;    
  background-repeat: no-repeat !important;    
  background-size: cover !important;
  background-position: top;
}
div#page-body {
  width: 85%;
  margin: 0 auto;
}

[*Splash*]

OK pour une Largeur de 85%, sur mon screen la largeur est de 83%

J’imagune que ton code remplace celui que j’ai déjà ?

[papa pig]

Oui en tout cas pour les éléments concernés, s'il y en a d'autres ne pas y toucher... Au pire colle une copie de ton CSS, je te le remplirai

[*Splash*]

OK, je test ça dans la soirée et te dis ce qu’il en est

[*Splash*]

Merci à toi papa pig, c'est parfait