28111 sujets

CSS et mise en forme, CSS3

Bonjour,

Je fais des colonnes avec box shadow, ça fonctionne bien partout sauf sur Safari. Sur mon PC, j'ai pourtant la version 5.1.7 et mon ipad air n'affiche rien non plus.

Site : www.cedricgournay.com


.column1 {
	width:21%;
	margin-right:13px;
	-webkit-box-shadow: 1px 1px 4px #C9C9C9;
	-moz-box-shadow: 1px 1px 4px #C9C9C9;  
	box-shadow: 1px 1px 4px #C9C9C9;
	position: relative;
}



Pouvez-vous me dire pourquoi ?
D'avance, merci beaucoup Smiley biggrin
Après étude plus approfondie, il fallait déplacer le height sur safari. En revanche il ne veut pas du display:inline-flex, comment contourner avec des largeurs de colonnes variables ?
Solution trouvée :

display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */

à la place de display: inline-flex