Header and Footer in the html file

I wanted to put the header and footer in the html file. I have succeeded with the header, but footer invariably shifts and gets messed up. So, I have given up on the footer for now.

Qs about header. To make the TMS components line up with the header, I have put a blank div component at the top to space the rest of the components to below the header.

Is there a better way to make the header line up with the fixed positions of the web components?

Map the form on a container element in the HTML template. All of our demos use this technique. See that form.FormContainer = appcontent (id of element in the HTML template where the form should be rendered)