Essayer de centrer une page avec des images qui débordent de part et d'autre de la page

Question

Je suis novice en HTML/CSS et j'essaie de créer un site web pour mon mariage l'année prochaine. Sur la page principale aquí J'ai des images de rubans identiques de part et d'autre de ma div principale. Ce que je veux, c'est que le site reste centré quelle que soit la résolution de l'écran (en montrant plus ou moins les rubans de chaque côté en fonction de la résolution). Cela semble fonctionner pour le ruban de gauche, mais le ruban de droite ne veut pas coopérer. Le problème est particulièrement grave sur les iPads, où l'ensemble du site apparaît justifié à gauche et où tout le ruban de droite est visible.

Toute aide serait la bienvenue,

merci.

Answer 1

Appliquer le code CSS suivant au code html :

overflow:hidden;

appliquant overflow:hidden à l'img ne fonctionnera pas, l'img ne déborde pas par rapport à sa propre largeur. (contrairement à l'idée que vous vous faites de la propriété overflow)