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


RiPSO
WRInaute passionné
WRInaute passionné
 
Messages: 1591
Inscription: 4 Oct 2007

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

Message le Lun Aoû 10, 2009 16:18

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: Tout sélectionner
<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 ;)


bproductiv
WRInaute accro
WRInaute accro
 
Messages: 4173
Inscription: 27 Déc 2004

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

Message le Lun Aoû 10, 2009 16:58

overflow-x = css3 pas supporté partout pour l'instant


RiPSO
WRInaute passionné
WRInaute passionné
 
Messages: 1591
Inscription: 4 Oct 2007

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

Message le Lun Aoû 10, 2009 17:12

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


anemone-clown
WRInaute passionné
WRInaute passionné
 
Messages: 1277
Inscription: 11 Nov 2007

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

Message le Lun Aoû 10, 2009 18:57

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.


RiPSO
WRInaute passionné
WRInaute passionné
 
Messages: 1591
Inscription: 4 Oct 2007

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

Message le Lun Aoû 10, 2009 19:15

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 ;)


RiPSO
WRInaute passionné
WRInaute passionné
 
Messages: 1591
Inscription: 4 Oct 2007

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

Message le Lun Aoû 10, 2009 19:48

bon bin ça veut pas :(


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité