Kom ihåg mig?
Home Menu

Menu


100% height på en två divvar med JS

Ämnesverktyg Visningsalternativ
Oläst 2015-12-24, 01:11 #1
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
Question 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/
naak2803 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2016-01-08, 14:54 #2
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
naak2803 naak2803 är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jun 2011
Inlägg: 767
ingen som kan? :S
naak2803 är inte uppkopplad   Svara med citatSvara med citat
Oläst 2016-01-08, 17:34 #3
Nerix Nerix är inte uppkopplad
Flitig postare
 
Reg.datum: Oct 2010
Inlägg: 398
Nerix Nerix är inte uppkopplad
Flitig postare
 
Reg.datum: Oct 2010
Inlägg: 398
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.
Nerix är inte uppkopplad   Svara med citatSvara med citat
Oläst 2016-01-08, 17:50 #4
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
allstars allstars är inte uppkopplad
Klarade millennium-buggen
 
Reg.datum: Apr 2006
Inlägg: 2 126
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!
allstars är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 02:32.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017