Discussion :

[charlene44]

Bonjour,

Sur ma page j'ai un petit script qui me redimensionne queques div en fonction de leur contenu et surtout les uns par rapport aux autres (div sur une même ligne à float) voyez un peux mon architecture de div comme une grille de morpion.

j'ai essayé plusieurs solutions et Chrome ne me renvoie pas la bonne taille de div, par exemple :

mon code html :

Code :

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

1
2
3
4
5
6
 
<div id="b2" class="Content-b2 Content Row-2" style="height: 376px;">
    <div class="DetailedReport ContentParsing ContentContainer" id="detailedReport">
        [...]
    </div>
</div>

ici, avec ce code dans mon js (j'utilise Prototype) :

Code :

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

alert($('detailedReport').getheight());

firefox me renvoi : 361 (ce qui correspond bien à la taille visible à peu près)
Chrome me renvoi : 147

j'ai ensuite essayé ceci :

Code :

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

alert($('detailedReport').clientHeight);

firefox me renvoi : 361
Chrome me renvoi : 147

Code :

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

alert($('detailedReport').offsetHeight);

firefox me renvoi : 361
Chrome me renvoi : 147

et ce qui est bizarre c'est que quand j'inspecte le DOM de Chrome voici ce que j'obtiens :




donc là je sèche, si vous avez une petite idée du pourquoi et du comment merci de m'en faire part.

[Mengué georges]

Bonjour

C'est "b2" qui mesure 376 px et "detailedReport" n'est apparemment pas défini ?