1.0, div en %

**jcphal** · 20/03/2010, 18h10

comme tout va bien, j'ai supprimé la 1.0beta4 du mode plein écran pour passer en 1.0.
le fait d'exprimer la hauteur de la balise div en % 'rabote' une partie de la hauteur alors qu'en valeur statique il n'y a pas de problème. (c'était ok en beta4)

ça pas bon : <div id="GeoportalVisuDiv" style="width:98%; height:95%;"></div>

ça bon : <div id="GeoportalVisuDiv" style="width:98%; height:800px;"></div> mais c'est statique... et houps pour un plein écran, si quelqu'un a une lumière...
merci

**dgrichard** · 20/03/2010, 18h18

Envoyé par jcphal

ça pas bon : <div id="GeoportalVisuDiv" style="width:98%; height:95%;"></div>

ça bon : <div id="GeoportalVisuDiv" style="width:98%; height:800px;"></div> mais c'est statique... et houps pour un plein écran, si quelqu'un a une lumière...
merci

Peux-tu me dire que vaut "98%" de la hauteur d'une page web

(de n'importe quelle page bien sûr ... cela n'existe pô tant que la page n'est pas complètement chargée

)

Tu peux t'amuser par contre à faire ceci :

Code :

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

1
2
3
4
5
6
7
8
<html>
<head><title>98%</title></head>
<body style="height:1000px">
<div id="map" style="width:100%;height:98%"></div>
</div>
</body>
</html>

et vérifier le bon (ou mauvais fonctionnement) ...

**jcphal** · 20/03/2010, 18h35

mea culpa, mais j'insiste avec mes %, merci pour la rectification, les butineurs réagissent super bien à :

<body style="height:100%">

c'est par fainéantise de ne pas vouloir utiliser une fonction de calcul de la hauteur disponible...

**dgrichard** · 20/03/2010, 18h39

Envoyé par jcphal

mea culpa, mais j'insiste avec mes %, merci pour la rectification, les butineurs réagissent super bien à :

<body style="height:100%">

c'est par fainéantise de ne pas vouloir utiliser une fonction de calcul de la hauteur disponible...

Dans l'API, j'ai cette fonction:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
    /**
     * APIFunction: getMaxDimensions
     * Retreive the maximum available width and height.
     *
     * Returns:
     * {OpenLayers.Size}
     */
    getMaxDimensions: function() {
        var w= 0, h= 0;
        if (document.innerHeight>h) {
            w= document.innerWidth;
            h= document.innerHeight;
        }
        if (document.documentElement && document.documentElement.clientHeight>h) {
            w= document.documentElement.clientWidth;
            h= document.documentElement.clientHeight;
        }
        if (document.body && document.body.clientHeight>h) {
            w= document.body.clientWidth;
            h= document.body.clientHeight;
        }
        return new OpenLayers.Size(w, h);
    },

Elle devrait rendre le service recherché

**jcphal** · 21/03/2010, 21h05

merci beaucoup pour la présentation de la fonction, c'est très clair.

**mga_geo** · 22/03/2010, 13h38

Sur la page http://atlasnw.free.fr/geoportail/ex...e_hauteur.html j'édite les valeurs trouvées pour la hauteur par getMaxDimensions et pour la div contenant la carte

**mga_geo** · 22/03/2010, 21h05

En IE7, ou en IE8 mode IE7, la hauteur de la carte est de 1 px, ce qui n'est pas beaucoup!

**dgrichard** · 28/03/2010, 12h35

Envoyé par mga_geo

En IE7, ou en IE8 mode IE7, la hauteur de la carte est de 1 px, ce qui n'est pas beaucoup!

Cela prouve bien ce que j'écrivai sur le calcul des hauteurs par les navigateurs

A savoir: l'API Géoportail, comme OpenLayers, affecte une div de dimensions 1px * 1px par défaut ... en attendant que la navigateur ait interprété les CSS ou autre code ...

1.0, div en %

IGN API Géoportail

Discussions similaires

Partager

Partager