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