PS 1.7 Background :before :after sur toute la largeur = dépasse les limites

[gouna]

Bonjour,

Je suis en train de re-travailler sur le visuel de mon site.
Actuellement j'ai des cadres "border" qui me servent à compartimenter mes blocs (description, personnalisation, etc etc).

Je voudrais passer à un système plus moderne en utilisant uniquement les couleurs de background.

Pour "colorier" les côtés droit et gauche, afin d'avoir une coloration sur toute la largeur de mes blocs, j'utilise les :before et :after.

Or j'ai un problème sur le :after, mon background dépasse les limites de l'écran.

 

.tabs.product-tabs .tab-content:after {
    left: 100%;
}

.tabs.product-tabs .tab-content:before {
    right: 100%;
}

.tabs.product-tabs .tab-content:after, .tabs.product-tabs .tab-content:before {
    position: absolute;
    content: "";
    background: #ececec;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

 

Y aurait-il une solution?

 

Voici l'url : https://gounacreations.com/mug/1262-mug-photo-personnalise.html

 

Merci par avance.

 

Cordialement

[gouna]

Je pense avoir trouvé, problème apparemment résolu en ajoutant :

overflow: hidden;

dans "main"