WN - 100% height på en två divvar med JS

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - 100% height på en två divvar med JS (https://www.wn.se/forum/showthread.php?t=1066096)

100% height på en två divvar med JS

Hallå, WN:are

försöker få dessa två divvar 100% på height när man ändrar storleken på fönstret, verkar inte fungera.. någon som vet varför?

i loggen står det "Upprepning" (firefox) i rött.

https://jsfiddle.net/33ro3hvc/1/

Ställa sådana här frågor på Stackoverflow istället. Du kommer att få svar direkt. Ett tips gällande de här problemet är att använda CSS flexbox-attribut.

prova detta istället:

Kod:

var fix_height = function() {

   var w = window.innerWidth;

   var h = window.innerHeight;



     var canvas_left_blue = document.getElementById('canvas_left_blue');

     var canvas_right_yellow = document.getElementById('canvas_right_yellow');



     canvas_left_blue.style.height = h + "px";

     canvas_right_yellow.style.height = h + "px";



     console.log(h);



 }

 window.onload = fix_height();

 window.addEventListener('resize', function(event){

  fix_height();

});

Fast jag håller med om att istället använda flexbox!