Partage
  • Partager sur Facebook
  • Partager sur Twitter

Modifier position d'une div selon résolution

Modifier la position d'une div selon résolution écran (responsive)

Sujet résolu
    18 mai 2017 à 10:36:08

    Bonjour à tous ! 

    J'ai un problème : j'ai un plugin qui affiche une map sur la gauche à laquelle j'ai rajouté un tableau de données sur la droite, sur PC tout va bien c'est tout beau mais sur Mobile le responsive est pas top. Je suis sur wordpress et c'est de l'intégration, donc j'ai utilisé une iframe que j'ai rendu responsive (je l'ai mise dans un conteneur, enfin je doute que le problème soit la) ... Et donc voila sur mobile, le tableau ne s'affiche pas entièrement , et impossible de glisser avec le doigt vers la droite pour afficher le reste du tableau en se déplaçant dans la page. J'aimerai donc et bien soit pouvoir avoir accès au tableau complet en glissant vers la droite , soit et bien je pensais à mettre le tableau en dessous de la carte, mais cela seulement sur possible (cette solution serait meilleure pour moi) donc voila si quelqu'un à une idée je prend :D genre que la position verticale change selon la taille de l'écran :) 

    Merci et désolé pour ce pavé :D (toute suggestion est la bienvenue :D hésitez pas, pareil si vous voulez voir du code / si vous avez des questions)

    • Partager sur Facebook
    • Partager sur Twitter
      18 mai 2017 à 10:49:33

      Regarde du coté de flexbox 

      https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/la-mise-en-page-avec-flexbox

      Deux petite div ( une pour ta map une pour ton tableau ) avec un display: flex et un flex-wrap: wrap devrait faire l'affaire.

      -
      Edité par FloJDM 18 mai 2017 à 10:49:54

      • Partager sur Facebook
      • Partager sur Twitter

      -> Hébergement GRATUIT <- Parfait pour débuter/dev/test/...

        18 mai 2017 à 13:45:32

        Salut,

        tu peux faire un overflow-Y:auto; sur ta div conteneur qui englobe le tableau.

        sur PC ça n'affichera rien il restera beau et sur mobile, vu que le tableau sera trop grand, il générera un scroll horizontale :)

        • Partager sur Facebook
        • Partager sur Twitter

        Le CSS ça peut craindre -->Conférence CSS3.CREATE

          22 mai 2017 à 10:45:24

          Salut ! 

          Merci à vous deux, j'ai regardé les Flexbox et problème résolu merci encore !

          • Partager sur Facebook
          • Partager sur Twitter

          Modifier position d'une div selon résolution

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur
          • Markdown