> Faqs > Centrar layers

Centrar layers

Todos sabemos los problemas que podemos tener a la hora de situar layers en las diferentes resoluciones pero tengo entendido que puedes colocarlas a una distancia fija del margen izquierdo, no es así??? Si no tuviese razón que alguno me lo diga.

Entonces, la cuestión en si. La pagina que estoy haciendo llega un momento que se carga en una ventana la cual doy una medidas fijas, ¿Seria posible centrar un layer como he comentado antes?

Respuestas

Si lo puedes hacer mediante CSS. Tienes dos formas, bueno en realidad tres:

  1. Incluyendo un archivo externo CSS.
  2. Incluyendo el código en el HEAD de la página.
  3. Incluyendo el código directamente dentro del tag DIV.

Te explicaré la 2 y la 3 porque si solo quieres hacerlo para ese layer pues te aconsejaría hacerlo con la 3.

:::: ejemplo de un layer que queremos colocarlo a 100px de la parte izquierda de la pantalla :::::

Forma 2:

<span class="codigo"> <HTML>

<HEAD> <TITLE>Posicion de layer</TITLE> <style type="text/css"> #milayer{margin-left: 100px} </style> </HEAD> <BODY> <div id="milayer">

AQUI PONDRIAMOS LO QUE QUEREMOS METER EN EL LAYER. COMO VES EN EL ID HE PUESTO EL MISMO NOMBRE QUE HE PUESTO EN EL HEAD PARA PONER LAS PROPIEDADES DEL LAYER. ESTO LO PODRIAMOS HACER EN TANTAS CAPAS COMO QUERAMOS, ES DECIR PODRIA HABER DECLARADO EN EL HEAD OTRA ID LLAMADA MILAYER2 Y APLICARLE OTRAS PROPIEDADES Y TENDRIAMOS DOS LAYERS CON PROPIEDADES DISTINTAS.

</div> </BODY> </HTML> </span>

---------------------------------------------------

Forma 3:

<span class="codigo"> <HTML>

<HEAD> <TITLE>Posicion de layer</TITLE> </HEAD> <BODY> <div id="milayer" style="margin-left: 100px">

AQUI PONDRIAMOS LO QUE QUEREMOS METER EN EL LAYER. COMO VES EN EL ID HE PUESTO EL MISMO NOMBRE QUE HE PUESTO EN EL HEAD PARA PONER LAS PROPIEDADES DEL LAYER. ESTO LO PODRIAMOS HACER EN TANTAS CAPAS COMO QUERAMOS, ES DECIR PODRIA HABER DECLARADO EN EL HEAD OTRA ID LLAMADA MILAYER2 Y APLICARLE OTRAS PROPIEDADES Y TENDRIAMOS DOS LAYERS CON PROPIEDADES DISTINTAS.

</div> </BODY> </HTML> </span>

------------------------------------------------

Espero haberte sido de ayuda, un saludo.

Daniel Deudero