Partage

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)

Commit du soir, espoir. Build du matin, chagrin
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

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

Mon portfolio / Nouveau projet -->Expedition wars/  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 !

Commit du soir, espoir. Build du matin, chagrin

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é.
  • Editeur
  • Markdown