Discussion :

[visitprog]

Hello,

j'ai un petit problème avec "calc" pour calculer le"height":
j'aimerais que le height aie comme dimension: la moitié de la hauteur de l'écran du visiteur. Et je n'aimerais pas mettre le fameux 50%!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.div1 {
width:50%;
height:calc(screen.height / 2);
background-color: blue;
position:relative
}

ce code ne marche pas...

[Christophe P.]

Bonjour,

à ma connaissance il n'est pas possible de mettre du javascript (comme l'objet screen) dans des styles.
Il y a peut-être quelque chose à faire avec la fonction attr mais je ne vois pas trop comment faire.

[Invité]

Bonjour,

• calc()

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Ceci dit, la 1ère question que je me pose :

• quel en est l'intérêt, quand on sait que les internautes utilisent une multitude de médias, de différentes tailles/résolutions : PC, tablettes, smartphones...

A la rigueur, perso (et compte tenu des problèmes possibles de compatibilité de calc), j'utiliserais un peu de JavaScript.

[NoSmoking]

Bonjour,

(...)Et je n'aimerais pas mettre le fameux 50%!

le 50% de quoi, de l'écran ou de la fenêtre d'affichage ?

Quoiqu'il arrive prend en compte la taille de la fenêtre d'affichage du navigateur, sur un même taille d'écran celle-ci peut être différente (navigateur utilisé, options de menu et leurs positions ...), et non de la taille de l'écran qui ne sera pas forcément entièrement occupé.