Help with the template!

Hello everyone!
I want to create an app that has a fixed header, with a sidemenu, and two tabs at the bottom … in the center a view in which, depending on the routes, I inject various components.
If you do a first test, however, ends up under the header.

<*ion-menu>

-----default code for first sidemenu application----

</ion-menu>

<div class="ion-page" id="main-content">

  <ion-header [translucent]="true">

    <ion-toolbar>

      <ion-buttons slot="start">

        <ion-menu-button></ion-menu-button>

      </ion-buttons>

      <ion-title>Progetto Casa</ion-title>

    </ion-toolbar>

  </ion-header>

 <app-header>

<*ion-content>

</div>

----- ion-router-outlet result ----

 <*ion-content>

<*ion-buttons slot=“start”>

<ion-back-button></ion-back-button>

<*/ion-buttons>

<ion-title>Log In</ion-title>

<*form>

<*ion-item lines="full">

  <*ion-label position="floating">Email</ion-label>

  <*ion-input type="text" required></ion-input>

<*/ion-item>

<ion-item lines="full">

  <ion-label position="floating">Password</ion-label>

  <ion-input type="password" required></ion-input>

</ion-item>

<ion-row>

  <ion-col>

    <ion-button type="submit" color="danger" expand="block">Sign In</ion-button>

    <a [routerLink]="['/forgot-password']" class="small-text">Forgot Password?</a>

  </ion-col>

</ion-row>

<*/form>

Thanks for your help.

What is the purpose of the * in many of your tags?

I put them because otherwise they were not seen in the forum

You need to put your code in code blocks by using three backticks at the top and bottom. This is standard markdown.

image