28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je ne suis pas un grand intégrateur mais je me suis mis depuis peu à Knacss et je trouve ça parfait ! Très simple de prise en main et pour l'instant je n'ai pas été limité, cela m'a fait gagné beaucoup de temps. Mais la je rencontre un problème de cohabitation entre Google Map et Knacss. Je ne sais pas encore exactement pourquoi mais certains styles de la feuille de style Knacss cassent tout les boutons et visuels de Google Map ( barre de zoom, bouton street view etc... ). Est-ce que quelqu'un aurait déjà rencontré ce genre de problème ?

Bonne journée
Bon j'ai résolu mon problème tout seul. Si cela peux aider, dans Knacss il y a une règle qui dit :

/* max values */
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
    max-width: 100%; height: auto;
}


et une autre qui dit :
/* switching box model for all elements */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}


J'ai donc créé une class sur le div contenant ma Google Map dans mon fichier de css perso et remis ces propriété en valeur par défaut :


/* Spécifique Google Map */
.magmap img { max-width:none; }
.magmap * { 
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;	
}
Administrateur
Merci à toi pour cette expérience.

Effectivement, il semble que certains plugins, widgets et autres gadgets ne sont pas friand et adapté pour du box-sizing.

Je vais tâcher d'en faire une liste prochainement.