Bonjour,

Voici mon problème, je n'arrive pas a faire prendre en compte un overflow sur une table; voici mon code :

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
 
<div id="row"  >
					  	<div id="toggleSidebar_icone" style="margin-left: 600px;position:absolute;">
					    	<a id="toggleSidebar" href="#">
				   				<i class="fa fa-arrow-circle-left fa-3x" style='color: #336600;'>
				   				</i>
			  				</a>
					  	</div>
					  	<div id="left-imageTable" class="mygrid-wrapper-div" >
 
					       	<table class="imagetable"  id="imageTable" >
 
 
							</table>
					  	</div>
Ma table sort de son div row ( row a comme style : display : table-row et ma class="mygrid-wrapper-div" contient mon overflow...

et voici mon JavaScript
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
25
26
27
28
29
30
31
32
33
34
function resize()
    {
        var googleMap = document.getElementById('map');
        divleft_imageTable = document.getElementById('left-imageTable');
 
        var imageTable = document.getElementById('imageTable');
        var imageTable_height = imageTable.offsetHeight;
 
        var calcul1 = (imageTable_height - heightDocument*0.52);
        var calcul2 = (imageTable_height - heightDocument*0.63);
        var calcul3 = (imageTable_height - heightDocument*0.74);
 
        if(googleMap != null)
        {
            // get the screen height
            var heightDocument = $(window).height();
            if(heightDocument < 600 )
            { 
                googleMap.style.height = (heightDocument*0.52) +'px';
                divleft_imageTable.style.height = (heightDocument*0.52 - calcul1) +'px';
            }
            else if(heightDocument < 800 && heightDocument >= 600)
            {
                googleMap.style.height = (heightDocument*0.7) +'px';
                divleft_imageTable.style.height = (heightDocument*0.63 - calcul2) +'px';
            }
            else
            {
                googleMap.style.height = (heightDocument*0.77) +'px';
                divleft_imageTable.style.height = (heightDocument*0.74 - calcul3) +'px';
            }
 
        }
    }
En fait, je fait une soustraction pour avoir accés aux marker de ma map google, quand ma table s'autoréduit (car elle contient des filtres).

Quand je ne fait pas ma soustraction mon overflow apparait MAIS je n'ai plus accés au marker quand la tabe s'autoréduit...

Si quelqu'un peut m'aider...d'avance merci.

Cordialement

EDIT : problème résolu, il fallait simplement mette maxHeight au lieu de height et pas besoin de calcul ^^