IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Bug avec overflow: hidden; sous IE


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 2
    Par défaut Bug avec overflow: hidden; sous IE
    Bonjour,
    je développe un petit module d'images défilantes et j'ai un vrai souci sous ie, voici un code qui cible le problème:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>Bug</title>
    </head>
    <body>
    <div style="overflow: hidden; width: 50px; height: 50px;">
    <div style="position: relative; width: 100px; height: 100;">
    HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO HELLO
    </div>
    </div>
    </body>
    </html>

    on constate que sous ie, le div avec position: relative; (qui va faire défiler les images) dépasse de son conteneur qui pourtant est en overflow: hidden;
    si on met position: static; alors le problème est réglé mais en static, impossible de faire défiler les images.
    J'ai aussi remarqué qu'en retirant le doctype, le code fonctionne !!!

    La je ne sais plus quoi faire, merci de votre aide.

  2. #2
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    Mets-le en static et déplace les images en changeant le padding du controle

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 2
    Par défaut
    Ah oui c'est astucieux, c'est du mauvais bricolage, ça m'embête un peu mais de toute façon, je ne vois aucune autre solution donc je considère ce problème comme résolu.
    Merci

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [UI Mobile] Déplacement d'un div avec overflow hidden en dragging
    Par titouille dans le forum jQuery
    Réponses: 0
    Dernier message: 16/02/2014, 23h00
  2. Réponses: 1
    Dernier message: 19/10/2010, 09h01
  3. Bug d'affichage avec Eclipse Europa sous Vista
    Par T2! dans le forum Eclipse Java
    Réponses: 0
    Dernier message: 06/11/2007, 16h31
  4. Bug d'affichage sous firefox avec un overflow:hidden
    Par scougirou dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 17/04/2007, 10h41
  5. Overflow:hidden avec ie et firefox, comment bien le declarer ?
    Par j4r0d dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 12/11/2006, 12h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo