La fonction calc() en CSS ne fonctionne pas

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 le 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 :/) :


Bien à vous,
Laiorm


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

Ajesto
****

Masculin
Messages : 319
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 R-max le 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,
avatar

R-max
Membre habitué(e)

Masculin
Messages : 1614
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Ajesto le 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.
avatar

Ajesto
****

Masculin
Messages : 319
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 R-max le 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%;
}


avatar

R-max
Membre habitué(e)

Masculin
Messages : 1614
Inscrit(e) le : 08/01/2015

http://www.milouze14.com/
R-max a été remercié(e) par l'auteur de ce sujet.

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

Message par Ajesto le 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
avatar

Ajesto
****

Masculin
Messages : 319
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 le Lun 9 Jan 2017 - 17:18

Bonjour,

Je remonte le sujet Very Happy
avatar

Ajesto
****

Masculin
Messages : 319
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 le 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
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3535
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 le 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
avatar

Ajesto
****

Masculin
Messages : 319
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


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