[CSS] Overflow, float:right, et internet explorer

WRInaute impliqué
Salut :)

Comme d'habitude quand je fais du CSS, avec Firefox c'est parfait mais sous IE ça fonctionne pas...

voici mon code (en version dépouillé):

Code:
<html>
<head>
<style>
.s1 {
    table-layout:fixed;
    border: 5px solid #000;
    overflow-x:hidden;
    font-size:50px;
}    
.s2 {
    border: 5px solid #f0f;
    overflow-x:hidden;
}
.s3{
    border: 5px solid #00f;
    text-align:right;
    float:right;
    white-space: nowrap;
}
.s4{
    border: 5px solid #f00;
    white-space: nowrap;
    overflow-x:hidden;
}
</style>
</head>
<body>

<table width="100%" class="s1"><tr><td class="s2">
    <div class="s3">texte de droite</div>
    <div class="s4">texte qui est long et qui est caché par l'overflow hidden</div>
</td></tr></table>

</body>
</html>

Le table doit rester là car c'est un tableau de plusieurs lignes normalement.
Et il faudrait que ça fonctionne aussi bien sous IE6 à IE8 que sous FF...

Si quelqu'un peut m'éclairer je suis preneur, merci ;)
 
WRInaute impliqué
Et comment je pourrais contourner le problème?
Je ne comprends pas car hotmail l'utilise et ca fonctionne aussi sous IE6 (la partie qui affiche la liste des messages quand on regarde avec des volets de lecture)

[edit] et puis le overflow fonctionne, le probleme c'est juste que j'aimerai que ca se mette sur la meme ligne au lieu de se mettre en dessous
 
WRInaute passionné
Selon ton dernier post, il semble que ce soit un problème block/inline : essaye de jouer sur le display:block ou display:inline. IE considère que DIV est un block : toi, tu veux un inline. Et tente aussi d'encapsuler tes 2 DIV dans un DIV global dont tu auras précisé les caractéristiques.
 
WRInaute impliqué
Depuis tout à l'heure ça a avancé. J'avais oublié le doctype. Donc maintenant je suis ok sous FF et IE8 mais pas sous IE6.

Je vais tester ce que tu me dis et je reviens plus tard, merci ;)
 
Discussions similaires
Haut