Skip to main content
se añadieron 10 caracteres en el cuerpo
Origen Enlace
Ivan Botero
  • 6.8k
  • 10
  • 36
  • 57

Tengo el siguiente código de CSS para que el headerheader y el navnav 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 headerheader y el navnav oculto. Necesito acomodarlo y que se posicione después del navnav.

     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%;
}

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%;
}

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%;
}

Tengo el siguiente codigocódigo de CSS para que el header y el nav se quede en el mismo lugar cuando le de scroll a la paginapágina, pero el contenido que le sigue se posiciona en la parte superior de la paginapágina quedando debajo del header y el nav oculto. Necesito poder acomodarlo y que se posicione despuesdespué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%;
}

Tengo el siguiente codigo de CSS para que el header y el nav se quede en el mismo lugar cuando le de scroll a la pagina, pero el contenido que le sigue se posiciona en la parte superior de la pagina quedando debajo del header y el nav oculto. Necesito poder acomodarlo que se posicione despues 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%;
}

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%;
}
Origen Enlace
user20100
  • 157
  • 2
  • 5
  • 11

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

Tengo el siguiente codigo de CSS para que el header y el nav se quede en el mismo lugar cuando le de scroll a la pagina, pero el contenido que le sigue se posiciona en la parte superior de la pagina quedando debajo del header y el nav oculto. Necesito poder acomodarlo que se posicione despues 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%;
}