I am assuming you are referring to “header” as the outer div and “header-content” as the inner div. I just tried using the padding-top of the outer div instead of the margin-top of the inner div and it created the effect I think you are looking for. So yeah, I would just use padding-top of the outer div instead.
I want to ask a question about those button like home,about etc… How do you make a button and when you click into it , it shows into another webpage? Is it the input and the type element?
If you’re using a framework like bootstrap you can make a link look like a button just by adding the right class. Then you can leverage the natural behavior of anchors (links) without needing to involve JavaScript
<a href="http://somepage.here.com" class="btn btn-success">See the page</a>