Redimensionner un div selon son contenu

[Mr. NoReaction]

Bonjour, j'essaye de faire en sorte qu'un <div> se redimensionne selon la taille d'un texte <p> qu'il contient. Pour l'instant je limite la taille maximale du <div> principal mais je suis incapable de le redimensionner automatiquement avec la feuille de style.

Comment est-ce que je fais pour faire ça ?

Merci !

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<div class="field field-type-text field-field-recette-commentaires">
    <div class="field-items">
            <div class="field-item odd">
                      <div class="field-label-inline-first">
              Commentaires du chef:&nbsp;</div>
                    <p>Utiliser une autre variété de courge ou même de la citrouille.</p>        </div>
        </div>
</div>
 
.field-field-recette-commentaires
{
    max-width: 605px;
    min-width: 450px;
}
 
.field-field-recette-commentaires .field-item
{
    border: 2px solid #CC9900;
    padding: 10px;
}

[Bisûnûrs]

Cf : http://www.developpez.net/forums/d11...argeur-boites/

[Mr. NoReaction]

Envoyé par Bisûnûrs

Cf : http://www.developpez.net/forums/d11...argeur-boites/

Ok, ça fonctionne bien quand il y a une seule balise <p> dans le <div> mais quand il y a plusieurs balises <p> à l'intérieur du <div>, le texte s'affiche sur la même ligne, les balises <p> une à la suite des autres.

Comment je fais pour que le texte des balises <p> s'affiche normalement, c'est-à-dire une en dessous de l'autre ?

[tumoo]

Code :

<br />

?

[Mr. NoReaction]

Envoyé par tumoo

Code :

<br />

?

Euh, ça fonctionne pas.

Sur ce code HTML

Code html :

1
2
3
4
5
6
7
8
9
 
<div class="field field-type-text field-field-recette-commentaires">
    <div class="field-items">
<div class="field-item odd">
                      <div class="field-label-inline-first">
              Commentaires du chef:&nbsp;</div>
                    <p>Remplacer une partie du boeuf haché (15-20 %) par du tofu haché.</p>
<p>Conserver la mozzarella pour gratiner et ajouter du fromage ricotta ou cottage à l'intérieur.</p>
<p>Pour varier, confectionner une sauce Béchamel à laquelle vous ajouterez les épinards crus hachés grossièrement. Ajouter ce mélange lors de l'assemblage de la lasagne.</p></div></div></div>

Un saut de ligne se fait déjà après les balises <p>, je vais pas en rajouter un autre en plus ...

[NoSmoking]

Bonjour,

Comment je fais pour que le texte des balises <p> s'affiche normalement, c'est-à-dire une en dessous de l'autre ?

c'est le comportement normal des balises P, sauf si modification du comportement via la feuille de style.

Je rajouterais que l'enchevêtrement de DIV ne me semble pas être la meilleure solution

[Mr. NoReaction]

Envoyé par NoSmoking

Bonjour,c'est le comportement normal des balises P, sauf si modification du comportement via la feuille de style.

Je rajouterais que l'enchevêtrement de DIV ne me semble pas être la meilleure solution

Je sais mais ce code HTML est produit par Drupal ...

[NoSmoking]

Envoyé par Mr. NoReaction

Je sais mais ce code HTML est produit par Drupal ...

ben mon colon!!!
Donnes nous au moins les styles utilisés concernant ce passage.

[miss_socrates]

A mon sens, placer une div avec

Code :

height: auto;

dimensionne la div selon son contenu indépendamment du nombre de P ou d'images etc.