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

Mise en page CSS Discussion :

Eviter le passage d'un div sous l'autre.


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Inscrit en
    Octobre 2006
    Messages
    98
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 98
    Points : 35
    Points
    35
    Par défaut Eviter le passage d'un div sous l'autre.
    Bonjour,
    voici ma structure generale:
    - Un conteneur height 100% width 100% contenant:
    - Un menu gauche avec une width fixe en pixel float left
    - Un contenu sans taille precisée en float left. ce contenu contient une image dont la taille est fixe.

    Lorsque je reduis la fenetre de mon navigateur, mon div contenu (donc l'image) passe sous le div menu lorsque la largeur de la fenetre est inferieure a la largeur du menu + celle de l'image.

    Est il possible au lieu qu'il passe en dessous du menu qu'un ascenceur apparaisse lorsque la fenetre deviens trop etroite pour mes elements de taille fixe (image + menu)?

    Merci d'avance

  2. #2
    Membre éclairé Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Points : 747
    Points
    747
    Par défaut
    Bonjour,

    C'est possible en mettant sur ton conteneur un min-width égal à (largeur menu + largeur image).
    IE6 aura du mal à gérer cette propriété mais il existe des moyens pour corriger ça.

  3. #3
    Nouveau membre du Club
    Inscrit en
    Octobre 2006
    Messages
    98
    Détails du profil
    Informations forums :
    Inscription : Octobre 2006
    Messages : 98
    Points : 35
    Points
    35
    Par défaut
    Je pense faire un site optimisé pour IE 7 et le dernier Firefox,
    Mais je viens de le tester sous IE6, effectivement, aucun resultat...

    Je veux bien des pistes sur les bidouilles a effectuer pour que ca passe sous IE6

    Merci d'avance

  4. #4
    Membre confirmé Avatar de GihefBey
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    366
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Avril 2006
    Messages : 366
    Points : 460
    Points
    460
    Par défaut
    Bonjour,

    Sans le code concerné, on parle dans le vide.
    Un lien vers cette page ?

    Essaye quand même de supprimer le float sur le bloc de droite et de lui ajouter une margin-left au moins égale à la largeur du bloc de gauche.

    -

Discussions similaires

  1. Mettre un DIV sous un autre à hauteur variable
    Par masiuxus dans le forum jQuery
    Réponses: 2
    Dernier message: 31/07/2010, 22h11
  2. Dimensions incorrectes d'un div sous IE
    Par vg33 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 05/11/2005, 21h08
  3. Petit écart entre 2 div sous FF
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 14/10/2005, 20h25
  4. problème avec les div sous Mozilla
    Par MrsFrizz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 13/10/2005, 11h54
  5. [Débutant] Centrer un bloc DIV sous IE
    Par Amon dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 22/09/2005, 00h31

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