Bonjour
 
Bon étant donné qu'un schéma vaut mieux qu'un long discours.... voici ce que j'essaye de faire :
 

 
 
J'ai mis mes 2 div "zone de texte" en float:left; , ça rend bien sauf que mon "container" ne fait pas la taille des bloc à l'intérieur ...
Ca me donne ça :
 

 
 
Quelqu'un aurai la solution ?
 
 
 
 
 
 
 

il faut pas mettre un truc du genre :
<p style="clear: both"/>
ou
<div style="clear: both"/>
dans le div container ?

(sinon en lui donnant un height)

En mettant "clear:both;" ça me positionne mieux, mais ça ne règle pas la hauteur, ça reste à "0";
Oui en effet en définissant une hauteur "height" ça marche, sauf que le texte n'est pas toujours de la même taille... donc je peut pas utiliser cette solution.
 

montre nous comment tu as mis le <br style="clear:both;" /> dans ton code

Salut,
 
Tu peux contourner un peu le problème avec cet attribut :
 

 
 
A mettre dans le code CSS de ton conteneur. Sa signifie que son height sera d'un minimum de 150px ...
 
Si sa peut t'aider  

Merci mais en fait j'avais déjà essayé et malheureusement lorsqu'un des bloc de texte est plus haut que 150px ça reviens au même
En fait je cherche à ce que le bloc "container" ai la même hauteur que le plus haut des 2 bloc de texte.
 

Oui je viens de comprendre ça, je suis [...]    
 
Je cherche à fair le même chose que toi, bizard comme problème quand même !

c'est re moi    
 
J'ai trouvé une solution ( pour mon cas  en tout cas...)
 
 
Alors, dans le CSS tu mes ça :
 

 
 
et dans ta page ( en adaptant un tout petit peux of course ) :
 

 
 
Si tu as encore des soucis, n'hésite pas!

Put**n génial ! ça marche !!!  
Merci beaucoup moreno  
 
 
Je connaissait pas le :after et le content: ".";, ça sert à quoi

L'attibut "content" ajoute du contenu, il en ajoute avant ou après, dans notre cas c'est après donc => after
 
Voylou Voylou  

Ok !
C'est bon à savoir ça. Merci
 
 

Mais de rien  

Ajouter du contenu dans un css on aura tout vu  
 
surtout que cette page me refroidi un peu sur son utilisation : http://www.quirksmode.org/css/content.html
et
http://www.htmldog.com/reference/c [...] s/content/
 
pas supporté par IE surtout ^^
 
Sinon si tu te creuse la tete et que tu vas sur openweb.eu tu arrivera à adapter la methode simple, valide et propre du clear:both..
 
genre :

 
 
ca marche, partout, c'est propre et valide

Merci bixibu

Là, l'ajout ne concerne qu'une propriété css, on reste bien dans le cadre de la présentation et non pas du contenu, je ne vois donc pas le problème.
 

Ce n'est pas un problème non plus puisque son conteneur a le layout, ce qui crèe un nouveau contexte de formatage sur IE, et que donc IE va adapter la taille du conteneur en fonction des 2 autres.
 

Devoir ajouter une balise exprès pour dans le html, je n'appelle pas ça "propre". De plus le choix d'une balise br n'est pas neutre puisqu'il induit un saut de ligne qui pourraît être interprêté selon la configuration et les navigateurs.
 
Le fait est que, actuellement, css n'offre pas de solution propre à ce problème. La propriété css3 clear-after devrait pallier à ce manque.
 
En plus des 2 solutions évoquées ci-dessus (ajout d'une balise avec la propriété clear, ajout du clear via le :after), il me paraît important de préciser qu'un nouveau contexte de formatage permet d'avoir le même effet. Par exemple, rajouter un overflow:hidden (en donnant le layout pour IE6-) sur le conteneur, ou encore le faire flotter. Si je ne qualifierais pas non plus cette méthode de "propre", vu qu'on fait appel à une propriété pour l'effet quelle induit et non pas pour sa fonction première, elle a le mérite d'être la plus simple à mettre en oeuvre.
 
En ce sens, la solution la "moins sale" pour moi, idéologiquement parlant, est celle du :after puisqu'elle attribue la propriété adéquate à la balise concernée. Par contre vu sa lourdeur  à mettre en oeuvre et la possibilité de voir un espace au bas du bloc concerné, je lui préfère une solution à l'aide d'un nouveau contexte de formatage.

Euh, tu ne donneras pas de layout a IE6 avec un overflow:hidden.
 
IE embarque une propriété hasLayout, qui permet de donner une consistance à un bloc. La même chose peut être obtenue surtout tous les navigateurs avec overflow:hidden; ou encore display:table-cell.
 
ptibat : Note qu'une div est de type bloc, et qu'un element floaté l'est automatiquement.
 
bixibu : Ta solution est inapropriée dans une grande majorité de cas, simplement parce qu'elle génère du contenu inutile, tout comme la solution de moreno911

C'est justement ce que j'ai dit, mais peut-être me suis-je mal exprimée.
Ajouter un overflow:hidden crèera un nouveau context de formattage sur le navigateurs récent, mais pas sur IE6, d'où ma précision de lui donner le layout pour y pallier.

Sans oublier de rétablir l'overflow (_overflow:visible) pour IE car s'il te vient à l'esprit de mettre une hauteur minimum (ex : min-height:250px; _height:250px) à ton bloc, cela te permettra d'avoir un élément qui s'agrandit meme si l'overflow:hidden lui est collé. Et sinon dans le cas de notre ami, un display:table aurrait aussi bien fait l'affaire pour ajouter le contexte de formatage, puisqu'il a posé une largeur sur son bloc

Bonjour,
 
J'ai eu ce probleme en créant mon site, je voulais que le contenant s'adapte au contenu !
Je l'ai résolu en virant les "div" et en les remplacant par des "p" partout où c'était possible    
Une question se pose alors : est-ce sémantiquement correct ?

c'est pas ça qui va résoudre ton problème
Et en plus dans un P tu n'as pas le droit de mettre d'éléments de type block à l'intérieure. Et donc les navigateurs referment la balise P dès qu'ils voient un DIV à l'intérieur d'un P

Il y'a de context de formatage sur #contenu, ton clear both sert à rien

je lui ai déjà dit 10 posts plus haut et c'est toujours pas fait, mais putain qu'est ce que tu fous

Et t'as mis le contexte de formatage sur l'élement?  

Bon,
 
Je recrée un poste, qui je l'espère vous apparaitra plus visible :
 
CSS :

HTML :  

Lien du site : http://bloodybol.free.fr/index.php
 
Merci encore

Nom d'une couille putain
 
Tu mets overflow:hidden;_overflow:visible;zoom:1; sur ton élement "cadre" et on en parle plus
 
http://www.blog-and-blues.org/arti [...] _formatage

Merci d'avoir pris le temps de me répondre, et même de m'avoir envoyé un lien !
 
Mais je ne suis toujours pas parvenu à obtenir ce que je souhaitais. J'ai pourtant suivi à la lette le lien et les infos que tu m'as filé.  
 
Merci encore en tout ca

Salut, je vois bien que mon problème consistant à vouloir placer deux div flottantes dans une autre n'est pas évident, toutefois, ce topic est la preuve qu'une solution existe.
 
Si dès fois vous aviez la solution, je suis évidemment preneur.
 
Merci encore

Bien sur qu'elle existe, je te l'ai donnée deux posts plus haut

Entendu désolé, je vais lire plus attentivement ton message.  
merci