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

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par RiPSO, 10 Août 2009.

  1. RiPSO
    RiPSO WRInaute impliqué
    Inscrit:
    5 Octobre 2007
    Messages:
    948
    J'aime reçus:
    0
    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 ;)
     
  2. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    overflow-x = css3 pas supporté partout pour l'instant
     
  3. RiPSO
    RiPSO WRInaute impliqué
    Inscrit:
    5 Octobre 2007
    Messages:
    948
    J'aime reçus:
    0
    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
     
  4. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 576
    J'aime reçus:
    20
    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.
     
  5. RiPSO
    RiPSO WRInaute impliqué
    Inscrit:
    5 Octobre 2007
    Messages:
    948
    J'aime reçus:
    0
    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 ;)
     
  6. RiPSO
    RiPSO WRInaute impliqué
    Inscrit:
    5 Octobre 2007
    Messages:
    948
    J'aime reçus:
    0
    bon bin ça veut pas :(
     
Chargement...
Similar Threads - [CSS] Overflow float Forum Date
[CSS] : scroller overflow et ie6 :-( Développement d'un site Web ou d'une appli mobile 12 Mai 2009
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
[CSS] Aligner une image à coté d'une div en display:table-cell ? Développement d'un site Web ou d'une appli mobile 2 Mai 2012
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
[css] Petit souci pour le menu du jour! Développement d'un site Web ou d'une appli mobile 29 Août 2010
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
[CSS] Comment faire apparaître le sous-menu ? Développement d'un site Web ou d'une appli mobile 22 Juillet 2010
[css] <li> image en vertical-align:bottom Développement d'un site Web ou d'une appli mobile 18 Juillet 2009
[CSS] bouton non cliquable Développement d'un site Web ou d'une appli mobile 16 Juillet 2009
[CSS] IE8 Développement d'un site Web ou d'une appli mobile 15 Juillet 2009
[CSS] decalage image et texte Développement d'un site Web ou d'une appli mobile 18 Juin 2009
[CSS] bouton submit + image arriere plan Développement d'un site Web ou d'une appli mobile 20 Avril 2009
[CSS]Positionner la colonne centrale en haut du source Développement d'un site Web ou d'une appli mobile 29 Mars 2009
[Résolu] [CSS] Lien sur tout un div Développement d'un site Web ou d'une appli mobile 23 Février 2009
[CSS] L'élément body Développement d'un site Web ou d'une appli mobile 21 Décembre 2008
[CSS] : menus déroulants Développement d'un site Web ou d'une appli mobile 15 Décembre 2008
[CSS] : problème de mise en page FF3 Développement d'un site Web ou d'une appli mobile 31 Août 2008
[CSS] (encore!) pas compatible FF Développement d'un site Web ou d'une appli mobile 30 Juin 2008
[RESOLU] [CSS] : rajouter une div Développement d'un site Web ou d'une appli mobile 26 Juin 2008