Slider et respect de la hauteur de l'écran

Bonjour,

Je suis actuellement en train de travailler sur le développement d'un site web, mais je me retrouve confronter à un problème.
Ce site est un site OnePage. Je désirerais que lorsque l'on arrive sur le site on puisse trouver, sur la hauteur de l'écran et de haut en bas :
Le logo du site
Le menu
Le slider
Un bouton faisant descendre la page.

Et je voudrais que tout ceci tienne sur la hauteur de l'écran de l'internaute, quel que soit sa dimension.

Pour le moment, j'ai mon slider, qui s'adapte à la longueur de l'écran. Je voudrais que ce slider conserve un certain ratio de hauteur, pour que le bouton de scroll ne descende pas plus bas que la hauteur de l'écran.

Pour info, mon css du slider :

	
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	height: 100px;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
  

Merci par avance du coup de main !

Cordialement,

Nicolas.