Forum Clubic

[HTML/CSS] div(float) dans un div - Résolu

salut, j’ai une question !

je veux faire des div (block) en float pour que le texte coule autour mais quand je fait ça ce float passe au traver du div parent (quand ya pas assez de text)…

quelqu un (sans-nom par ex ;)) pourrais m en remetre un couche en me traitant d 'abruti ?

Un exemple de code?

-> je lui laisse le plaisir :wink:


<div class="body"><div title="test" class="leegoodoclink" align="left"><a href="doc.php?id=11&amp;download"><img class="leegoodoclink" src="img/docicons/pdf.png" width="64"><br>ndf24-11.pdf</a></div></div>


div.leegoodoclink
{
	display: block;
	background-color: #f0f0f0;
	text-align: center;
	width: 200px;
	padding: 3px;
	margin: 3px;
}
div.leegoodoclink[align="left"]
{
	float:left;
}

div.leegoodoclink[align="right"]
{
	float:right;
}

div.body
{
	margin-bottom: 3px;
	border-bottom: 1px dashed black;
	border-left: 1px dashed black;
	border-right: 1px dashed black;
	border-top: 0px;
	padding: 5px 10px;
	display: block;
}


Les floats c’est de la merde.

Et tu veux faire quoi avec?

:clap:
c’est arrivé :MDR

ben juste mettre une image/div a droite ou a gauche d’un texte …

ya moyen autrement ?

sinon je suis bon pour un mini div clear: both en fin de block parent ça devrai le faire mais c moche

Ok. En gros, c’est juste que ton image alignée à droite/gauche est tellement grande que le contenu derrière ne suit pas?

Y a pas 36 solutions : un clear: both.

Eventuellement, tu as la solution after (puisque tu utilises les sélecteurs d’attributes) :

div:after {
  clear: both;
}

(:: ou : ? je sais plus :o )

Je sais pas si ça marche ceci dit

Je comprends pas trop le pb

peut être que:
->http://perso.wanadoo.fr/coin.des.experts/reponses/faq9_49/blocs.html

en fait je fais un code du style


.conteneur
{
border: 1px dashed black;
}
.encart
{
float: left;
height: 200px;
background-color: red;
}
....
<div class="conteneur">
<div class="encart"></div>
texte qui court autour
</div>

et quand il n’y a pas assez de text autour l’encart depasse par le bas du conteneur…

avec ff suffit d’ajouter un <br clear=“both” /> en fin de conteneur mais marche po avec ie …

Ajoute <div style="clear: both"></div>…

merci