Problème de positionnement de blocs en CSS et HTML

Bonjour, Je cherche à réaliser un positionnement de bloc plutôt simple mais après de multiples reprises je n'arrive toujours à rien. Mon but est de créer un cadre qui englobe toute la page. Dans ce cadre, je voudrais un bloc titre en haut sur toute la largeur de la page. Juste en dessous, je veux un menu fixe à droite qui suit la page lorsque l'utilisateur descend et à coté de lui un bloc contenu. Et voilà qu'arrive les problèmes. Je veux que lorsque l'utilisateur réduit sa page que le contenu se réduit et ne disparait pas sous le menu. Et ensuite en dessous de ses deux blocs. Je veux un autre bloc le même style que celui du titre. code : body { border: ridge 20px #5870AF; overflow: auto; padding:10px; } h1 { border: ridge 10px #5870AF; margin-right:10px; text-align: center; padding:20px; } body .menu { border: ridge 10px #5870AF; position: fixed; width: 240px; } body .corps { border: ridge 10px overflow: auto; width: 73%; float:right; font-size: 17px; margin-bottom:30px; margin-right:10px; padding-left:10px; } body .BasDePage{ border: ridge 10px #5870AF; clear:both; height: 100 px; width: 74%; float:right; margin-right:10px; } Merci d'avance pour votre réponse car je n'arrive vraiment pas à trouver.