La fonction calc() en CSS ne fonctionne pas

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu La fonction calc() en CSS ne fonctionne pas

Message par Ajesto Sam 7 Jan 2017 - 21:03

Détails techniques

Version du forum : phpBB3
Poste 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 :/) :
La fonction calc() en CSS ne fonctionne pas Pbcss10

Bien à vous,
Laiorm


Dernière édition par Laiorm le Lun 9 Jan 2017 - 18:08, édité 1 fois
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction calc() en CSS ne fonctionne pas

Message par Invité Sam 7 Jan 2017 - 23:31

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,
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction calc() en CSS ne fonctionne pas

Message par Ajesto Dim 8 Jan 2017 - 0:13

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.
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction calc() en CSS ne fonctionne pas

Message par Invité Dim 8 Jan 2017 - 0:28

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 Very Happy

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%;
}


Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction calc() en CSS ne fonctionne pas

Message par Ajesto Dim 8 Jan 2017 - 10:23

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
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction calc() en CSS ne fonctionne pas

Message par Ajesto Lun 9 Jan 2017 - 17:18

Bonjour,

Je remonte le sujet Very Happy
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction calc() en CSS ne fonctionne pas

Message par Scoubifitz Lun 9 Jan 2017 - 17:34

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
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La fonction calc() en CSS ne fonctionne pas

Message par Ajesto Lun 9 Jan 2017 - 18:07

Ah oui Very Happy

Merci beaucoup ! Il faudra voir avec les Devactif de désactiver le compressage sur le calc ^^

Bien à vous,
Laiorm
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum