[Résolu] Bug IE7 et float right

Bonjour,

J'ai un petit soucis avec IE7, des images sont bien plus parlante pour expliquer mon problème:

Sous IE/, pas correct:

http://img375.imageshack.us/img375/6718/capturedcran20101223081.png

Sous les autres navigateurs (IE8, FF, Safari, etc...), correct:

http://img708.imageshack.us/img708/6718/capturedcran20101223081.png

Voici mon code html:

<div class="item">
    <p>
        bla bla bla 11 39
        <span><a href="" title="">Détails</a></span>
    </p>
</div>

<div class="item">
    <p>
        bla bla bla 11 25
        <span><a href="" title="">Détails</a></span>
    </p>
</div>

Et mon CSS:

.item span {
    display: block;
    float: right;
}

Le lien "Détails" doit se trouver sur la même ligne comme sur la dernière image, comment faire pour être compatible avec IE7?

Merci d'avance
Modifié par Blogger (23 Dec 2010 - 17:07)

Un élément flottant doit toujours être placé en 1er. Et vous pouvez vous passer du <div> d'ailleurs.

<p class="item">
 <span><a href="" title="">Détails</a></span> 
  bla bla bla 11 39  
</p> 

Bonjour,

C'est bien ce que je me disais, mais le problème c'est que je ne peux pas modifier le code html, c'est du code généré par le cms...à moins de modifier les sources du CMS, mais ce n'est pas la meilleur solution...

Y-a-t-il pas moyen de corriger ce bug avec du css?

Merci

ah... En utilisant un positionnement absolu peut-être ?

.item span { 
position:absolute;
right:10px;
} 

Purée...je suis grave...pourquoi j'y ai pas penser...??? ça ce voit que c'est demain les vacances...

Bref, oui ça fonctionne avec un position: absolute....

Merci beaucoup pour l'aide

Problème résolu