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

HTML Discussion :

texte dépasse d'un div


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juin 2009
    Messages
    86
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Juin 2009
    Messages : 86
    Par défaut texte dépasse d'un div
    Bonjour

    j'ai problème un petit peux bizard.
    J'ai 2 div une d'un largeur X et l'autre d'au largeur Y l'une à coté de l'autre, le problème c'est que quand quelqu'un écrit un mot de façon continu :
    ex : blabla blabla iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
    ce mot là dépasse la largeur du div X vers le div Y

    je ne sait pas comment empêcher ce type de problème

    Merci d'avance

  2. #2
    Membre chevronné Avatar de Ceddoc
    Homme Profil pro
    Développeur Java
    Inscrit en
    Janvier 2009
    Messages
    493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 493
    Par défaut
    Fais voir ton code.

    De tête je dirais que peut être mettre le texte entre balise <p> et </p> permettra de faire passer le mot trop long à la ligne mais après si le mot est plus long que la largeur totale de ta div je sais pas si tu as beaucoup de solutions...

  3. #3
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 217
    Par défaut
    Bonjour,
    il existe dans les contributions ceci Ajustement du contenu au contenant...

    de plus en CSS3 il suffit de mettre à ta DIV conteneur word-wrap:break-word dans la partie style, voir l'intervention de danielhagnoul.

  4. #4
    Membre chevronné Avatar de Ceddoc
    Homme Profil pro
    Développeur Java
    Inscrit en
    Janvier 2009
    Messages
    493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2009
    Messages : 493
    Par défaut
    Bon à savoir, je me coucherais moins bête ce soir, merci NoSmoking

  5. #5
    Membre Expert
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Par défaut
    Et pour les navigateurs qui ne supportent pas le CSS3 tu as l'overflow : overflow:scroll;.

Discussions similaires

  1. Réponses: 3
    Dernier message: 14/11/2012, 15h13
  2. Image qui dépasse d'un div
    Par vny dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 09/03/2007, 21h08
  3. [CSS] Tableau dépasse de la div
    Par liberio dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 10/12/2005, 18h10
  4. [CSS + HTML 4.01] Texte debordant de son div parent
    Par prgasp77 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/01/2005, 00h07

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