remplir dynamiquement deux collonnes

snypi · 24/11/2012 14:10:26

salutation
je ne sais si cela est possible mais voila mon souci
j'ai un calque qui ce remplis dynamiquement de 950 px de largeur sur 550 de hauteur
le souci est que le contenue est d'une largeur de 400 px mais bien plus haut que 550
comment faire pour que dynamiquement le contenue remplisse en premier temps la première colonne puis arriver à la hauteur souhaité passé sur la colonne de droite
bien sur je ne peut pas couper la div dynamiquement !!!

snypi · 24/11/2012 16:37:31

je me répond à moi même
en css 3 c'est possible et facile avec -moz-column-width
mais le souci est internet explorer et vieux navigateur !!
avez vous une autre solution ??

bpat85 · 24/11/2012 21:50:45

snypi a écrit :

je me répond à moi même
en css 3 c'est possible et facile avec -moz-column-width
mais le souci est internet explorer et vieux navigateur !!
avez vous une autre solution ??

Supporté par IE 10 ... et bien sûr par tous les autres navigateurs, même Netscape

snypi · 25/11/2012 01:24:39

salut je verrais à utiliser cette option dans 5 ans
en regardant un google analytique d'un site voici le résultat
1. 9.0 280 57,38 %
2. 8.0 180 36,89 %
3. 7.0 22 4,51 %
4. 6.0 5 1,02 %
5. 10.0 1 0,20 %
nombre de visite avec ie10 = 1
(encore du monde sous ie6 !!! ceux la tampis pour eux)
autre solution ??

Super_chemist · 25/11/2012 13:21:16

Avant le css3, il n'y avais pas de moyen de faire un affichage de texte sur deux colonnes (sauf à faire deux div côte à côte).
Tu l'a dis, c'est faisable en css3, mais attention à la lisibilité : sur internet, le standard est de lire de haut en bas, pas d'avoir des colonnes qui obligent à descendre, puis remonter...

Sinon, je pense que tu fais une erreur en voulant à tout prix un affichage identique sous tous les navigateurs...
Ce qu'il faut, c'est un design qui marche sur les navigateurs récents, et qui soit compatible (en mode pas trop dégradé) sous les anciens navigateurs.
Par exemple dans ton cas, les nouveaux auront un affichage en colonnes, mais les vieux auront juste une div plus haute (penser à centrer le texte, à faire une div extensible en hauteur...)

A+

Stefpei · 26/11/2012 19:32:47

j'ai pas ça sous la main mais je me rappelle avoir vu un jQuery qui fait ça dynamiquement
- on parametre le nombre de colonnes (2 par exemple), et il réparti le contenu en 2 colonnes, réglées en fonction de la taille dispo, ou autre...

faudrai que je retrouve ça.

jpg · 26/11/2012 22:05:03

Peut-être ça: http://welcome.totheinter.net/columnizer-jquery-plugin/
mais je n'ai pas testé

Forum ZitePLUS

#1 24/11/2012 14:10:26

remplir dynamiquement deux collonnes

#2 24/11/2012 16:37:31

Re : remplir dynamiquement deux collonnes

#3 24/11/2012 21:50:45

Re : remplir dynamiquement deux collonnes

#4 25/11/2012 01:24:39

Re : remplir dynamiquement deux collonnes

#5 25/11/2012 13:21:16

Re : remplir dynamiquement deux collonnes

#6 26/11/2012 19:32:47

Re : remplir dynamiquement deux collonnes

#7 26/11/2012 22:05:03

Re : remplir dynamiquement deux collonnes

Pied de page des forums