IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Layout Masonry empêcher le débordement


Sujet :

CSS

  1. #1
    Candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2021
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Octobre 2021
    Messages : 2
    Points : 3
    Points
    3
    Par défaut Layout Masonry empêcher le débordement
    Bonjour,

    Étant un dev tout frais et débutant , je rencontre des problèmes plus ou moins faciles à résoudre ...

    Le dernier en date est lié à un problème de débordement quand j'utilise le layout masonry ...
    En définissant un margin left and right, mon contenu se met à déborder.

    Je précise que chaque élément enfant un height défini en pixel et un width en % (ici 25%).

    Si jamais quelqu'un aurait une piste à me soumettre

    sans margin :
    Nom : masonry.png
Affichages : 112
Taille : 1,47 Mo

    avec margin :
    Nom : masonry_margin.png
Affichages : 91
Taille : 1,36 Mo

  2. #2
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 57
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Points : 1 280
    Points
    1 280
    Par défaut
    Bonjour, et bienvenu sur DVP

    tu dis "LE Layout Masonry", comme si c'était une évidence.
    Mais ça ne l'est pas.

    Et des copies d'écran ne suffisent pas.


    Sinon... peut-être :
    • en remplaçant le margin par un padding ?
    • en ajoutant une <div> (pour différencier "item" et "card")

    Mais ce n'est que pure spéculation...

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    Je précise que chaque élément enfant un height défini en pixel et un width en % (ici 25%).
    une simple équation pour voir
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    (4 * 25%) + les margins > 100%

  4. #4
    Candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2021
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Octobre 2021
    Messages : 2
    Points : 3
    Points
    3
    Par défaut
    Bingo ! 😁

    C’était si évident que je n’y ai carrément pas pensé …

    Pourtant je ne suis pas une bille en maths 🤔

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 25/06/2007, 14h36
  2. Réponses: 6
    Dernier message: 22/06/2007, 15h51
  3. Problème de débordements de Graphics
    Par bioinfx6996 dans le forum AWT/Swing
    Réponses: 2
    Dernier message: 25/01/2007, 14h31
  4. Problème de débordement ?
    Par caputchinato dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 03/08/2006, 11h51
  5. Probléme de débordement en virgule flottante
    Par wikers dans le forum Langage
    Réponses: 7
    Dernier message: 05/08/2005, 17h35

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo