Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Diseño web | Promoción web | Ganar dinero
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

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?

La FAQ Centrar layers tiene Pertenece a la categoría:


 Respuesta de Daniel Deudero  15/3/06 
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:





<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>







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





Forma 3:





<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>





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





Espero haberte sido de ayuda, un saludo.


Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

 Comentarios de los visitantes
Se muestran 2 comentarios revisados

 Comentario de Covi
07/4/06 
No podemos usar un "align: center;" para un DIV desde CSS, de otra manera usado en la estructura HTML tendríamos que usar una declaración de HTML estricto y aún así su uso se considera desfasado, no semántico... basurilla y tal.

Un "margin: auto;" tampoco resuelve el asunto en este caso y casi la mejor opción sería usar algún tipo de lenguaje que calculará la resolución y aplicar los márgenes oportunos a la caja según dicha resolución.

Otra opción, la más típica suele consistir en una estructura rígida, por ejemplo un contendor de ancho fijo dentro del cual podemos aplicar los márgenes exactos para centrar el contenido.

Vamos... es lo usual y la mejor opción creo, porque según mi corto entendimiento, hasta la fecha no hay regla CSS ( que es lo que creo debemos usar para estos menesteres (presentación) ) que nos permita alinear cuadros centralmente.
En cualquier otro caso, debemos recurrir a "hacks" para navegadores o generación dinámica :S

Saludos.

 Comentario de Tomas
05/1/08 
Yo te recomiendo que en vez de margin-left
uses... definir el ancho y margen automatico para centrar horizontalmente ... por ejemplo

width: 500px;
margin: 0 auto;

Eso hara que en cualqier resolucion esa div este centrada (centrada la div y no el texto

 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se ha encontrado un comentario sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
 
FAQ relacionadas
  + Poner un Web Chat
  + Inserción controlando duplicados
  + Con qué tecnología programo una página
  + Incluir código externo en una página web
  + Costes de realización de una página web
  + Obtener datos de una base para construir mis javascripts
  + Qué es ActiveX?
  + Realizar un sistema para acceso con clave
  + Sitio web como Desarrollo Web pero en Portugués
  + Cosmos
  + Saber si un año es bisiesto
  + ¿Qué necesitas para empezar a programar una página web?
  + Introducción al desarrollo web
  + ¿Qué es Cross Browser?
  + Documento por defecto
  + Lenguajes de alto nivel
  + Formularios con dreamweaver
  + ¿Qué es un diccionario de datos?
  + Quitar saltos de línea en un TXT
  + Qué es Visual Basic Script
  + Qué es Python
  + ¿Qué es LAMP?
  + ¿Qué es un ensamblador?
  + La depuración de programas
  + Los bits
  + Cómo programar un buscador
  + Ejecutar archivo .exe en página web
  + Menús con JSP
  + Cuestión sobre acentos
  + http_referer no devuelve nada
  + Páginas dinámicas
  + Evitar impresión de la web
  + Alineación de tablas
  + Qué es el timestamp?
  + Programación estructurada y modular
  + Propiedad equivalente a innerHeight en Internet Explorer
  + Web en dos idiomas
  + Validar un formulario
  + Pseudocodigo
  + Diferencias entre redirección 301 y 302
  + ...

Para ver más FAQ relacionadas accede a las categorías:

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia