Dimensions dynamiques des "div" en javascript

Bonjour tout le monde

Bon j'essaie de créer un petit site avec plein de balises div. Au début, toutes les balises avaient des width et des height bien précis et tout matchait nickel sur un PC 10pouces.
Mais tout s'est chamboulée une fois la page lancée sur un pc de 15pouces.
depuis quelques heures j'essaie de redimensionner mes div de façon dynamique mais en vain.

la hiérarchie de ma page est:

<div id="conteneur">
    <div id="entête"></div>
    <div id="image"></div>
    <div id="menu"> </div>
    <div id="contact"></div>
    <div id="corps"></div>
</div>

et je voudrais qu'elle s'affiche ainsi:

<div id="conteneur">
    <div id="entête"></div>   <div id="image"></div>
    
    <div id="menu"> </div>     <div id="corps"></div>
    <div id="contact"></div>
    
</div>

avec: width(menu)=width(contact)
height(corps)=height(conteneur)-height(entete)
height(entet)=height(image)

Merci pour toute aide. :D