Movimiento de las capas

[Kusto1986]

Ola necesetiba un pokito de ayuda con este tema xk no se muy bien x donde tirar.
Cuando el navegador esta maximizado no hay problema pero a la ora de minimizarla las capas se van bajando segun se va aciendo muy pequeño y lo que quiero es k se mantengan en su sitio. el codigo es el siguiente:

<script type="text/javascript">

function resolucion(){

var reso_width = screen.width;
var reso_height = screen.height;

document.getElementById('left').style.width = (reso_width * 30)/100 + "px";
document.getElementById('middle').style.width = (reso_width * 30)/100 + "px";
document.getElementById('right').style.width = (reso_width * 38)/100 + "px";
document.getElementById('left').style.height = document.getElementById('middle').style.height = document.getElementById('right').style.height = (reso_height * 75)/100 + "px";
}
</script>



<div id="head">
</div>

<div id="left" class="flotante">
</div>

<div id="middle" class="flotante">
</div>

<div id="right" class="flotante">

</div>


body{
background:#FFF;
font-family:georgia,verdana;
font-style:italic;
color:#808080;
margin:0px;
}

#head{
background:#000;
width:100%;
}

#left{
font-size:11.5px;
text-align:justify;
}

#middle{
font-size:12px;
}



Con el script, procuro que siempre se utilice el 100% del width del navegador sea cual sea su resolucion pero con un pixelado fijo no con porcentajes.
Agradezco la ayuda

[jomaruro]

Hola:

Échale un vistazo a este artículo sobre diseño web líquido y elástico.

Saludos.

[Kusto1986]

gracias x responder, al final lo exo muxo mas facil. lo e metido todo en otro div contenedor y en el script le puesto esta linea:

document.getElementById('container').style.minWidt h = reso_width + "px";

por lo que aunke minimices la ventana, no bajara ya que el width de la pagina sera el mismo de la resolucion.
Un saludo