Foros del Web » Creando para Internet » CSS »

Movimiento de las capas

Estas en el tema de Movimiento de las capas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/12/2010, 04:36
 
Fecha de Ingreso: febrero-2010
Mensajes: 6
Antigüedad: 7 años, 10 meses
Puntos: 0
Movimiento de las capas

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
  #2 (permalink)  
Antiguo 30/12/2010, 04:54
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Movimiento de las capas

Hola:

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

Saludos.

  #3 (permalink)  
Antiguo 30/12/2010, 06:06
 
Fecha de Ingreso: febrero-2010
Mensajes: 6
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Movimiento de las capas

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

Etiquetas: capas, movimiento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:20.