›

Quick Canvas question!

esthercuanesthercuan
in p5.js

Hello everyone! I have a quick question and I was wondering if any of you would like to check out why the canvas is not all the way up? http://esthercuan.com/

thanks!

Best Answer

Answers

  • blindfishblindfish

    The question isn't very clear. All the way up where? You've got a few <br> tags in your index.html file that will be pushing it down; otherwise you might want to use some CSS to get the position you want...

  • esthercuanesthercuan

    Thank you so much for your response ! Ill check out the
    tags, but what I meant with my question is that the canvas loads below the header, rather than the header overlapping it. It seems my website also loads a scrollbar which means the size of the canvas is pushing the height to be longer. I have played around with the css to no sucess yet.

  • blindfishblindfish
    Answer ✓

    You'll need to use CSS to do this. You could set position: absolute for the logo and canvas; and top: 0; left: 0 to position them at the top left of the page; but you'll also need to set the z-index to keep the logo on top.

    If you set a fixed width/height there's no way to avoid scrollbars: as soon as the browser is resized below the size of the canvas they'll appear... The trick is to set a sensible maximum size (e.g. based on most common screen resolutions); or to create a responsive solution (non-trivial).

  • esthercuanesthercuan

    Thank you so much! http://esthercuan.com check it out! it now works!!!!

Sign In or Register to comment.