28172 sujets

CSS et mise en forme, CSS3

Bonjour,

je tente le multi-colonnage et j'ai un ptt pb avec Opera.
il me fabrique qu'une seule colonne.

Si j'ai bien tout compris, en utilisant column-count:auto, je délégue le nbr de colonnes à column-width et de la largeur de mon <content>?

j'ai plusieurs colonnes en mettant un chiffre à column-count, mais la hauteur des colonnes n'est pas bon.

Une idée?

testable en vrai

merci, je suis un peu perdu...

ps: ça fonctionne sous FF safari Chrome OSx... IE sais pas.

j'ai un pb avec figcaption et FF ou Safari... (sais plus) et mes gap devient nawak...

content {
			position: absolute;
			color: #666;
			height: 100%;
			/* border: 1px dotted red; */
			margin-left: 330px;
			margin-top: 45px;
  			column-width: 298px;
  			column-gap: 21px;
  			column-count: auto;
  			-webkit-column-count: auto; -webkit-column-gap:21px; -webkit-column-width: 298px; 
			-moz-column-count: auto; -moz-column-gap:21px; -moz-column-width: 299px;
			-o-column-count: auto; -o-column-gap:21px; -o-column-width: 298px;
		}
Bonjour,

premièrement, il faudrait faire valider ta page :
Le résultat

Tu utilises des éléments qui n'existent pas en html5. Tu peux te référer à ça : html5doctor

Après quelques tests dans Dragonfly, il apparaît qu'en indiquant une valeur dans ton column-count autre que auto, il applique les colonnes. Il le fait également en définissant une largeur à ton élément <content> ( width:100%; par exemple ).

Bon courage !
Désolé du délai pour la réponse....

je ne comprends pas cette erreur:
a écrit :
Line 267, Column 11: Element content not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
<content>
Content model for element div:
Flow content


merci pour le reste à laaaaaaaa 3ème lecture, j'ai compris et je suis moins fâché Smiley cligne
Smiley biggol
bécots