28172 sujets

CSS et mise en forme, CSS3

Comment transcrire en web un effet de colonnes

Bonjour tout l'monde

quelqu'un aurait-il une idée pour réaliser ce genre de mise en page :
http://cdldegustation.fr/fr/content/28-un-bel-article-dans-vent-sud

sans utiliser les propriétés flex ou column car mon client est encore sous IE9 ! ><

Et est-ce que c'est seulement réalisable de faire en sorte que le client lui écrive seulement son texte et qu'il se mette en forme "automatiquement" sur 3 colonnes de même hauteur ? C'est du domaine du rêve ou du JS ?!!

Merci d'avance
Modifié par 6l20 (15 Sep 2015 - 19:16)
eviouchka a écrit :
C'est du domaine du rêve ou du JS ?!!

Vu les contraintes données (IE9 minimum) : javascript.
Coucou,

Bah y a de difficultés pour le haut et pour le bas je ferai une maxidiv qui contient :
- une grand div à gauche de 70% contenant une image à 100% (bloc) et 2 div float à 50% en dessous
- et une autre div à droite toujours en float à 30%.

Ca donne ça, qu'en pensez-vous tous les 2 ?

<div style="width:100%;">
<div style="width:70%;float:left">
<div style="width:100%">image</div>
<div style="width:50%; float:left">en dessous gauche</div>
<div style="width:50%; float:left">dessous droite</div>
</div>
<div style="width:30%;float:left">à droite
</div>
</div>


callie
Modifié par callie (18 Sep 2015 - 09:47)
@callie : et donc il faudra expliquer au client qu'il devra répartir son texte dans trois champs/div différents de manière la plus équilibrée possible pour que sa page ait de la gueule ? Impenssable, et de toute manière cette solution - bien qu'en pourcentage - ne serait optimisée que pour certaines résolutions d'écran.
Sujet clos
Aller à