PB avec clear:both

Bonjour,
J'ai un soucis avec un spacer, mais e ne comprends pas le problème.
Voici mon code :

----------------------------------------------------------

#actu .date{ float:left; width:70px; }
#actu .actu_txt { width:100%;}

<div id="actu">
	<p class="date">31/05/2006
		<hr style="clear:both">
	</p>
	<p class="actu_txt">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip. eUt wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex</p>
	</div>

----------------------------------------------------------

Merci bcp
Modifié par statvg (10 May 2006 - 15:10)

Hello,

Voudrais-tu, comme le demandent les règles du forum, afficher tes codes avec les balises appropriées ?
Merci d'avance

Voilà, c'est fait, le code est bien balisé. Mais je n'ai toujours pas résolu mon problème.

Quelqu'un pourrait-il me venir en aide ?

Merci

Bonjour,

Quelques détails supplémentaires ? Quel est ton soucis ? Qu'est-ce que tu veux faire ?
Modifié par Jihel (10 May 2006 - 16:16)

Oui, excusez-moi, comme si le problème était évidemment !

j'ai une div globale dans laquelle j'ai deux zones, la date et le texte. j'aimerais que le texte ne "coule" pas en dessous de la date, j'ai utilisé un spacer, mais ça ne fonctionne pas.
Que dois-je faire ?

Merci

Donc si je comprends bien, tu veux une mise en page en 2 colonnes, avec ta date à gauche et ton texte à droite, comme sur l'image suivante :

http://img83.imageshack.us/img83/2154/ex9pq.gif

oui, exactement ça ! Merci Jihel

Donc il n'y a pas de raison d'avoir un séparateur (hr). Il suffit d'avoir quelque chose du type :

.date{ float:left; width:70px;}
.texte { margin-left:85px;}

<div id="actu">
<p class="date">Ta date</p>
<p class="texte">Ton texte</p>
</div>

Evidemment si ta date augmente en largeur, la marge gauche du paragraphe texte augmente aussi .

Ceci marchera tant que le contenu de ta "date" n'est pas plus long que celui de ton "texte". Si jamais "date" est plus long (en nombre de lignes) que "texte", il faudra rajouter un séparateur après "texte" :

<div id="actu">
<p class="date">Ta date très très longue sur plusieurs lignes</p>
<p class="texte">Ton texte</p>
[b]<hr style="clear:both; visibility:hidden;"/>[/b]

<p class="date">Ta date</p>
<p class="texte">Ton texte</p>
</div>

N'hésite pas si tu ne comprends pas tout