[Résolu] Adaptation de tableaux

Bonjour,

Je suis en train de concevoir un site en responsive mais je bute sur une solution. Il y'a 3 types de designs selon les largeurs d'écran, en gros PC, Tablette et Smartphones.

J'ai un tableau au format PC de la forme
_______
| A | B | C|

au format tablette
_____
| A | B |
| C | (la colonne C n'apparait pas comme souhaité sur le topic, mais elle est en colspan="2" sur ma page)

et sur smartphone
___
| A |
| B |
| C |

Or je n'ai pas trouver de solutions autres que 3 tableaux pour faire cet affichage selon la largeur. Je suis ouvert à une autre solution que les tableaux évidement mais là j'avoue couler. J'ai essayé de bricoler quelques trucs avec des div flottantes mais je n'arrive pas à obtenir quelque chose de propre.

Si vous avez de quoi m'éclaircir

Cordialement
a700m
Modifié par a700m (26 Sep 2013 - 23:56)

tu peux eventuellement modifier les valeurs de display de ton HTML : http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html‎

quoique flex n'est pas forcement encore à la hauteur: http://codepen.io/anon/pen/vjawH
Modifié par gc-nomade (26 Sep 2013 - 23:24)

Merci de ta réponse rapide gc-nomade !

J'ai lu l'article concernant les flexbox. Bon ça n'a pas l'air encore trop standard pour tous les navigateurs donc je vais mettre de côté cette solution (tout en gardant l'article de côté parce que ça peut être sympa !!)

J'ai finalement réussi à m'y retrouver avec des div et des display:inline-block; et des display:block.

Encore merci de ta réponse.
A bientôt