J'ai besoin d'envelopper long texte à l'intérieur d'un conteneur

Je vais avoir des problèmes pour l'habillage du texte à l'intérieur de mon conteneur. J'ai déjà cherché et toutes les réponses ont été mettre en word-wrap: break-word; mais il ne fonctionne pas pour moi. Je suis doit faire quelque chose mal, mais je vais avoir du mal à trouver quoi.

Voici le site web de sorte que vous pouvez effectuer des recherches dans le code source: http://www.simplistico.net/

Toute aide est grandement appréciée.

Edit: Aussi, le contenant, le fond est en rouge de sorte que vous pouvez voir clairement.

C'est à l'extérieur de votre conteneur. Pourquoi en serait-il s'il n'est pas à l'intérieur de celui-ci? Vous devez spécifier une largeur ou la déplacer à l'intérieur du conteneur.
Ce n'est pas le cas (au moins plus, peut-être que le code a été corrigé entre temps). Il y a une faute de frappe dans le fichier css. Avec un couple de modifications tout fonctionne bien. Voir ma réponse ci-dessous.
J'ai eu un problème semblable, - mon texte n'ont pas d'espaces, de sorte qu'il n'était pas cassé en deux lignes. Je sais que c'est pas votre problème, mais le poster ici car il m'a fallu un certain temps pour le réaliser.

OriginalL'auteur Amazonico | 2012-04-06

  1. 2

    Pourquoi ne pas définir une largeur sur votre balise p?

    p {
width:65%;
}

    Edit:

    Je devrais peut-être été plus clair. Si vous avez la balise p à l'intérieur du conteneur, déjà, vous n'avez pas nécessairement besoin de le faire, comme ci-dessus. Vous pourriez faire quelque chose comme.

    #container p {
width:65%;
}

    Cette façon, seulement les balises p intérieur de ce conteneur spécifié sont affectés.

    Par défaut d'une balise p stretch 100% de son conteneur.Aussi garder à l'esprit ce mot de pause et le retour sont propriétés CSS3 et ne fonctionnent que sur certains navigateurs par défaut. http://www.w3schools.com/cssref/css3_pr_word-break.asp

    Aussi word pause break uniquement dans les limites d'un conteneur. Et parce que vous avez une balise p avec une largeur par défaut de 100% à l'intérieur d'un autre conteneur de dépassement de votre "fond rouge" conteneur. Il va se casser les frontières de ce conteneur. Il est donc techniquement de travail.

    Ce serait une mauvaise pratique, sauf si vous voulez vraiment de chaque paragraphe de chaque page à 65% de la largeur de son conteneur. .someSpecialPlace p {} serait mieux si il y a un besoin pour le style de certains tag tout à fait (à moins que l'ensemble du site est à seulement quelques pages).
    Merci beaucoup les gars. Kris Hollenbeck et developdaly réponses combinées aidé à résoudre le problème et il est placé juste la façon dont je le veux. Merci encore les gars!
    Pas de ZZ-bb, c'est bon pour moi. C'est juste un couple de pages avec quelques informations générales sur eux.

    OriginalL'auteur Kris Hollenbeck

  2. 0

    Si vous allez à la position content, alors vous devez explicitement de lui donner une largeur.

    Essayer:

    content { width: 600px; }
    Merci beaucoup les gars. Kris Hollenbeck et developdaly réponses combinées aidé à résoudre le problème et il est placé juste la façon dont je le veux. Merci encore les gars!

    OriginalL'auteur developdaly

  3. 0

    D'abord votre fichier css doit être .content {} (maintenant il y a une faute de frappe – content {} – donc, rien à l'intérieur, il n'a pas d'effet que si jamais).

    Ne sais pas à propos de HTML5, la balise <nav> j'ai donc fait le <ul> balise pour avoir une classe: <ul class="nav">. Puis ajouté un nouveau style pour le fichier css: nav {float:left} et enlevé le p{word-wrap: break-word;} style. Cela fonctionne presque parfaitement. Le fond rouge se termine lorsque le contenu des extrémités de sorte qu'il doit être pris en charge.

    Mise à JOUR: afin De permettre au rouge couleur d'arrière-plan pour aller tout le chemin vers le bas ajouter un style css .clearfloat{clear:both;} et mettre dans le fichier html <br class="clearfloat" /> après le dernier paragraphe à l'intérieur de la <content>.

    UPDATE2: Fossé le fichier css du position et left attributs de la .content et ajuster les marges de <nav> et <content> de sorte qu'ils sont alignés.

    OriginalL'auteur ZZ-bb