28220 sujets

CSS et mise en forme, CSS3

Hello
voila, j'ai un probleme pour ma page de news, je veux mettre "redigée le xx/xx/xxxx à xx/xx" en bas a droite de la news et en dessous, un hr qui separe les news entres elles.
Sous IE, ca marche bien mais sous Firefox, un grand decalage se crée entre le rédigée bla bla et le hr et ce uniquement entre la 1ere et la 2eme news de chaque page...
images ici:
http://nico.sam.free.fr/IE.jpg
http://nico.sam.free.fr/pbFF.jpg

la portion xhtml correspondante:

<div id="news">				
<h4>' . $titre . '</h4>		
<p>' . $contenu . '</p>
<h5>Rédigée le ' . $date . '</h5>
<hr />
</div>


la partie du css correspondante:
#news {
margin:auto;
width:480px;
}

#news h4{
text-align:center;
margin:0;
}

#news h5 {
float:right;
margin:0;
margin-bottom:10px;
color:#777777;
}

#news p{
margin-top:10px;
margin-bottom:10px;
}

#news hr {
clear:both;
width:80%;
}


le css complet est ici:
http://nico.sam.free.fr/style.css

EDIT: à savoir que les news s'affichant en boucle, ca peut donner ca au final pour schematiser l'xhtml:

<div id="news">				
<h4>' . $titre . '</h4>		
<p>' . $contenu . '</p>
<h5>Rédigée le ' . $date . '</h5>
<hr />
<h4>' . $titre . '</h4>		
<p>' . $contenu . '</p>
<h5>Rédigée le ' . $date . '</h5>
<hr />
<h4>' . $titre . '</h4>		
<p>' . $contenu . '</p>
<h5>Rédigée le ' . $date . '</h5>
<hr />
</div>


Par ailleurs, il semblerait que le hr se mette au niveau du bas de ma colonne de gauche.
ca "bug" apparait également sur une page de detail ou il b'y a qu'une news affichée, meme chose, le hr se place au niveau de la fin de la colonne de gauche.

ca peut etre du au clear both?


si jamais vous voyez ce qui cloche ca m'aiderait Smiley cligne
si vous avez besoin d'autres infos, n'hesitez pas Smiley biggrin
merci Smiley help
Modifié par nico.sam (26 Aug 2005 - 18:30)
Bon, j'ai enlevé le clear both qui semblait me renvoyer sous la colonne de gauche qui est en float left.
pour descendre mon hr sous le reste, je lui ai mit un margin-top de 35px et ca roule.
Merci quand meme. Smiley cligne