La fonction calc() en CSS ne fonctionne pas
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
La fonction calc() en CSS ne fonctionne pas
Détails techniques
Version du forum : phpBB3Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://codage-actif.forumactif.com/
Description du problème
Bonjour,Je voudrais utiliser la fonction calc pour mon postbody, car il ne marche pas bien sur des petites dimensions d'écrans. L'idée était de faire 100% moins la taille du postprofile pour que sa rentre. Hors, sous Chrome, il annule les espaces mis dans mon CSS.
Mon code :
- Code:
.postbody {
background-color: #fff;
left: 2%;
margin-top: 5px;
padding-left: 5px;
width: calc(100% - 230px);
}
Et voici ce que Chrome lit (J'ai pas essayé les autres navigateurs :/) :
Bien à vous,
Laiorm
Dernière édition par Laiorm le Lun 9 Jan 2017 - 18:08, édité 1 fois
Re: La fonction calc() en CSS ne fonctionne pas
bonsoir ^^
vous avez #page-body:100%
un .post_body:76%
le probleme vient plus du profil qui est indiqué a 155px comme bien d'autre chose ..
passé le a 15% pour test au lieu de 155px
cdl,
vous avez #page-body:100%
un .post_body:76%
le probleme vient plus du profil qui est indiqué a 155px comme bien d'autre chose ..
passé le a 15% pour test au lieu de 155px
cdl,
Invité- Invité
Re: La fonction calc() en CSS ne fonctionne pas
Bonsoir,
Certes sa marche mieux, mais il m'en faut vraiment le profil a 155px. Je cherche aussi à savoir pourquoi le calc est mal lu.
Certes sa marche mieux, mais il m'en faut vraiment le profil a 155px. Je cherche aussi à savoir pourquoi le calc est mal lu.
Re: La fonction calc() en CSS ne fonctionne pas
ce n'est pas une bonne idée de modifier en px , l'éxérience vous le prouvera un jour ,mais bon si cela vous va
dans l'inspecteur il s'affiche 100%-230px sans espace , verifier dans votre css
que les espace sont bien la 100% - 230px
de plus il faut ajouter une valeur standard pour les navigateur ne reconnaissant pascalc
sinon ,aprés reflection !
- Code:
.postbody {
background-color: #fff;
left: 2%;
margin-top: 5px;
padding-left: 5px;
width: calc(100% - 230px);
}
dans l'inspecteur il s'affiche 100%-230px sans espace , verifier dans votre css
que les espace sont bien la 100% - 230px
de plus il faut ajouter une valeur standard pour les navigateur ne reconnaissant pascalc
- Code:
.postbody {
background-color: #fff;
left: 2%;
margin-top: 5px;
padding-left: 5px;
width: calc(100% - 230px);
width: calc(100% - 230px);width: -moz-calc(100% - 230px);width: -webkit-calc(100% - 230px);
width:76%;
}
sinon ,aprés reflection !
- Code:
.postbody {
background-color: #fff;
left: 2%;
margin-top: 5px;
padding-left: 5px;
width: calc(100% - 230px);width: -moz-calc(100% - 230px);width: -webkit-calc(100% - 230px);
width:76%;
}
Invité- Invité
Re: La fonction calc() en CSS ne fonctionne pas
Re-regardez plus haut, mon CSS a bien les espaces, mais l'inspecteur ne les lit pas. Dès que je peut utiliser mon PC, je test quelques codes et je vous dit le résultat ^^
EDIT : Chrome ne détecte toujours pas les espaces, alors qu'ils y sont bien.. Je ne comprend pas :c
EDIT : Chrome ne détecte toujours pas les espaces, alors qu'ils y sont bien.. Je ne comprend pas :c
Re: La fonction calc() en CSS ne fonctionne pas
Bonjour,
Je remonte le sujet
Je remonte le sujet
Re: La fonction calc() en CSS ne fonctionne pas
bonjour,
Le fait d'optimiser le CSS de votre forum peut peut-être supprimer certains espaces dans votre code en le compressant ....
refaites un essai après avoir coché non ...
Optimiser votre CSS: Oui ●Non
Le fait d'optimiser le CSS de votre forum peut peut-être supprimer certains espaces dans votre code en le compressant ....
refaites un essai après avoir coché non ...
Optimiser votre CSS: Oui ●Non
Re: La fonction calc() en CSS ne fonctionne pas
Ah oui
Merci beaucoup ! Il faudra voir avec les Devactif de désactiver le compressage sur le calc ^^
Bien à vous,
Laiorm
Merci beaucoup ! Il faudra voir avec les Devactif de désactiver le compressage sur le calc ^^
Bien à vous,
Laiorm
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum