Tabuľka CSS a nadradené div nie sú podľa ich atribútov výšky a šírky? Jquery meniteľný - javascript, jquery, html, css, dygraphs

Mám tabuľku (grafická tabuľka) vo vnútri div (graphdiv) vo vnútri div (polovica).

keď zmenším polovicu pomocou nástroja jquery resizable, veľkosť tabuľky a graphdiv sa zväčšia. pomocou nástrojov pre vývojárov google sa však skutočný formát CSS týchto prvkov zmenil na správnu veľkosť.

vo vnútri tabuľky s najnižším divom je dygraf, ktorý by mal zmeniť veľkosť svojho rodiča, keď je na ňu vyvolaná funkcia zmeny veľkosti.

Som v strate z toho, ako by css mohlo povedať jednu vec a ja by som mohol vidieť inú?

for(var i = 0; i<graphArray.length-1; i++){
$( "#"+i ).resize(function() {
var height = $(this).height();
var width = $(this).width();
$(this).find(".graph").height(height);
$(this).find(".graph").width(width*0.68);
$(this).find(".graph").find(".graphtable").height(height);
$(this).find(".graph").find(".graphtable").width(width*0.68);
window.graphArray[$(this).attr("id")].resize();
});
}

.half{
background-color:#F2F2F2;
width:48%;
height:50%;
border: 1px solid;
margin-top:1%;
float:left;
}
.graph{
width: 68%;
height: 100%;
float: left;
display:table;
}
.graphtable{
background-color:#F5F5F5;
width:100%;
height:100%;
}

<?php
echo "<div class="half" id="$i" name="".$graph["graph_id"]."" style="position:absolute; top:".$top."px; left:".$left."px">";
echo "<div id="graph" class="graph">";
echo "<table id="graphtable$i" class="graphtable" style="width:100%; height:100%"></table>";
echo "</div>";
echo "<div class="dragger">Drag</div>";
echo "<div class="resizer">+</div>";
echo "</div>";
?>

Mám tride s použitím .atrr na grafe div aj graphTable, ale nemám šťastie.

odpovede:

dygrafy sa prekreslia, len keď sa zmení veľkosť okna. (Bohužiaľ, neexistuje žiadna udalosť, ktorú by mohla počúvať všeobecnejšie <div> veľkosť).

Toto môžete obísť volaním resize() na dygrafe, aby mu povedal, aby znovu skontroloval obsahujúci div.

zjavne existuje ďalší divdygraph je viazaný na, takže som pridal dva riadky nižšie, aby som opravil problém so zmenou veľkosti. Som si istý, že existuje príjemnejší spôsob, ako robiť to, čo som tu urobil, ale momentálne to funguje. Výkonu sa budem venovať neskôr

for(var i = 0; i<graphArray.length-1; i++){
$( "#"+i ).resize(function() {
var height = $(this).height();
var width = $(this).width();
$(this).find(".graph").height(height);
$(this).find(".graph").width(width*0.68);
$(this).find(".graph").find(".graphtable").height(height);
$(this).find(".graph").find(".graphtable").width(width*0.68);
$(this).find(".graph").find(".graphtable").find("div").width(width*0.68); //added
$(this).find(".graph").find(".graphtable").find("div").height(height); //added
window.graphArray[$(this).attr("id")].resize();
});
}