How To Have Form Below Canvas

I am trying to put a form below the red canvas. https://imgur.com/a/5dwPgeP shows what happens currently. I have tried different Divs and placing them in different code sections bu

Solution 1:

From my understanding,you want the form to be below the canvas.According to my assesment,your canvas is postioned as fixed meaning is positioned relative to the viewport(device), which means it always stays in the same place even if the page is scrolled Try the solution below:

body {
    margin: 0;
  
}

/* Scale canvas with resize attribute to full size */canvas[resize] {
    width: 100%;
    height: 50vh;
    background-color: red;
  
}

<div><scriptsrc="displayTable.js"></script><canvasid="mycanvas"resize></canvas></div><div><labelfor="backgroundTable">Color for background of table:</label><formaction="website.php"method="post"><divclass="form"><selectname="userBackgroundSelect"id="userBackgroundSelect"><optionvalue="black">Black</option><optionvalue="red">Red</option><optionvalue="blue">Blue</option><optionvalue="purple">Purple</option></select></div><div><inputtype="submit"></div></form></div>