Estás mezclando cosas. Lo de la variación de alturas y demás tenés que investigar acerca de responsive design o trabajar tu css con medidas relativas (em, %), y también el concepto de viewport o dimensiones de la porción visible de la ventana del navegador, cuya altura en navegadores modernos se calcula con document.documentElement.clientHeight (y en no tan modernos podés ver algo así:
http://www.disegnocentell.com.ar/notas2.php?id=175)
El uso de esta técnica (parallax scrolling) complica un poco el responsive design, pero es posible de todas maneras lograr un resultado aceptable. Te muestro un ejemplo que usa lo que señaló Isabel y que es adaptable (hasta cierto punto: en su momento sólo tuve unas pocas horas para armarlo) a la altura del navegador:
http://padresdeotragalaxia.com/index.php