Afficher toute la page avant la ligne de flottaison

Bonjour,

Je cherche à modifier l'aspect d'un site qui doit afficher :
- Un contenu principal composé principalement d'une image (ou slider), ou parfois une image à côté d'un texte.
- En dessous, une "barre" ou menu de navigation.

Les pages étant courtes, et le menu en dessous (ce n'est pas un choix mais une contrainte imposée),
j'aimerais que le tout soit au dessus de la ligne de flottaison quelque soit la résolution de l'écran. Cela afin d'avoir toujours le menu visible.

Quelle serait la meilleure façon de procéder ?

Merci.

Bonjour.

Mon écran d'ordinateur à une ligne de flottaison à 1080px.
Mon smartphone en paysage a une ligne de flottaison à 320px.

Comment veux-tu que "tout soit au-dessus de la ligne de flottaison quelle que soit la résolution" ?

Je pensais pour au moins les résolutions desktop.

Actuellement le site est codé uniquement en valeurs de px et en positionnement absolu donc un peu vieillot...

Voici en lien ce qui existe actuellement.

Je voudrais faire en sorte que l'image et la barre de nav soit dans la plupart des cas au dessus de la ligne de flottaison, lorsqu'on est dans un affichage en paysage, car ça devient étrange s'il faut scroller pour avoir accès à la navigation et surtout voir la légende de la photo.

Merci