Foros del Web » Creando para Internet » Herramientas y Software »

Centrar una capa

Estas en el tema de Centrar una capa en el foro de Herramientas y Software en Foros del Web. Hola, primero que nada deseo darles las gracias a todos aquellos que participan en este foro (y sin hacer la pelota a nadie quiero decir ...
  #1 (permalink)  
Antiguo 05/02/2011, 05:11
 
Fecha de Ingreso: febrero-2011
Ubicación: Las Vegas
Mensajes: 16
Antigüedad: 13 años, 2 meses
Puntos: 1
Centrar una capa

Hola, primero que nada deseo darles las gracias a todos aquellos que participan en este foro (y sin hacer la pelota a nadie quiero decir que en mi opinion es uno de los mejores foros )

Mi problema:

Estoy comenzando con dreamweaver y siempre he leido que es mejor trabajar con capas que con tablas, tengo un imagen en mi web que siempre se centra como yo he querido, una capa superior izquierda con el logo de World of Warcraft que me funciona bien respecto a posicion en pantalla y resolución, pero tengo una capa en medio de la web donde dice " QUIERO ESTO SIEMPRE CENTRADO" que es precisamente lo que deseo, o sea que me quede en el centro de la pantalla independientemente de la resolución del visitante, le he puesto este código php y no me funciona

<script>
function centrarCapa(obj) {
an=parseInt(document.getElementById(obj).style.wid th);
al=parseInt(document.getElementById(obj).style.hei ght);
x=(document.body.clientWidth-an)/2;
y=(document.body.clientHeight-al)/2;
document.getElementById(obj).style.left=x;
document.getElementById(obj).style.top=y;
}
</script>
</head>
<body onLoad="centrarCapa('Layer3')" onResize="centrarCapa('Layer3')">
<div id="Layer3" style="border:0px ; position:absolute; width:304px; height:34px; z-index:1; left: 395px; top: 118px;" class="CoreWhite">QUIERO ESTO SIEMPRE CENTRADO </div>
<body>

quisiera saber si existe alguna forma de hacer eso que quiero, no sé si me he explicado bien, pero si restauran el navegador veran que las demas capas se mueven hacia la izquierda y la imagen de fondo se mantiene centrada, esta capa en específico lo que deseo simplemente es que de inicio este centrada y si restauro o la resolución es menor que se mantenga centrada.

aquí la web que estoy haciendo www.iselpalenzuela.com/index.html

Gracias a todos de antemano.

Saludos
  #2 (permalink)  
Antiguo 05/02/2011, 11:45
 
Fecha de Ingreso: febrero-2011
Ubicación: Las Vegas
Mensajes: 16
Antigüedad: 13 años, 2 meses
Puntos: 1
Respuesta: Centrar una capa

Hola a todos

Bueno ya solucioné el problema, despues de mirar y mirar ya que ayer estaba exausto y no lo veia como supongo nos pasa a mucho de los que posteamos alguna duda.. jejeje....al final vi la solución, simplemente cambie el margen izquierdo a un 40% (en mi caso es de 40 % ) creo que varía segun el tamaño de nuestra capa.

asi me quedo el código ahora

<div id="Layer3" style="border:0px ; position:absolute; width:304px; height:34px; z-index:1; left: 40%; top: 118px;" class="CoreWhite">QUIERO ESTO SIEMPRE CENTRADO </div>

y bingo, problema resuelto, espero le sirva de ayuda a alguien.

Saludos foreros

Etiquetas: editores-web, capas
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 06:17.