IokanaaN - Blog

Bug?

Mon problème est le suivant, j'ai un code du genre:

  <div id="blog">
    <div class="post">
      lorem ipsum dolor sit amet*
      <div class="postNote">* note flottante</div>
      <div class="postMeta">fin du post</div>
    </div>
  </div>

avec comme style qq chose du genre:

  #blog { margin:0 25%; }

  .post {
	overflow:hidden;
	padding:5px;
	border:1px solid #CCC;
	text-align:justify;
	margin-bottom:10px;}

  .postMeta {
	margin-top:5px;
	clear:both;}

  .postNote {
	float:right;
	margin:5px 0 5px 5px;
	padding-left:5px;
	width:22%;}

et un problème du genre: Qd il y a suffisament de texte¹ pour couvrir complétement le côté de la note flottante, tout se passe bien, les oiseaux chantent. Qd le texte s'arrête avant, j'ai un défaut qui apparaît avec IE6/Win. La note ne dépasse pas, elle est bien flushé par le clear:both; de .postMeta, mais le cadre de .post s'étends jusqu'au bord gauche de la fenêtre, comme dans le post suivant.

edit: problème du cadre résolu par l'ajout d'un <br class="eop"> en fin du post suivant, avec .eop{clear:both;} - restent des pb d'affichage aléatoire avec IE, utilisez donc Mozilla