Skip to main content

Necesito hacer que la posicion del header y el nav sea fixed sin alterar la posicion del contenido que le sigue

Tengo el siguiente código de CSS para que el header y el nav se quede en el mismo lugar cuando le de scroll a la página, pero el contenido que le sigue se posiciona en la parte superior de la página quedando debajo del header y el nav oculto. Necesito acomodarlo y que se posicione después del nav.

     header{
     position: fixed;
     margin-top: -10px;
     background-color: gray;
     margin-left: -8PX;
     padding: 1px;
     margin-top: -41PX;
     padding-left: 15px;
     color: white;
     width: 100%;
     
}

    nav{
    background: #2D787B; 
    margin-left: -8px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-color: white;
    border-top-width: 3px;
    border-top-style: solid;
    position: fixed;
    margin-top: 35px;
    width: 100%;
}
user20100
  • 157
  • 2
  • 5
  • 11