centrar capas

ebenitez · #1 (**permalink**) 26/05/2004, 05:35

Hola estoy diseñando una pag con Dreamweaver, ¿como puedo hacer para que una capa me quede centrada siempre?. En resolucion 1024 queda en su sitio, pero al cambiar a 800 se descoloca y se va para la derecha.

gracias!

eva

Cain · #2 (**permalink**) 26/05/2004, 05:40

ebenitez · #3 (**permalink**) 26/05/2004, 16:52

pos no funciona asi

kahlito · #4 (**permalink**) 28/05/2004, 02:46

Hola ebenitez pon aqui tu codigo a ver si te podemos ayudar

Saludosss

ebenitez · #5 (**permalink**) 28/05/2004, 05:45

JavierB · #6 (**permalink**) 29/05/2004, 09:54

Hola, ebenitez.

Usa solución podría ser meter todo dentro de otra capa y darla el tamaño en porcentajes:

<div style="position:abolute;letf:10%;top:10%;width:80% ;height:80%">

Espero que te sirva. Saludos,

kahlito · #7 (**permalink**) 30/05/2004, 04:48

Hola de nuevo

Según veo en tu código creo que intentas dejarla siempre en el centro tanto por la izquierda o derecha como por el alto y bajo, así que el ejemplo que te ha puesto JavierB

es la mejor opción

Otra cosa es que la quieras centrar solo por derecha e izquierda como te dijo Cain con ese codigo funciona y poniendo la principal capa como relative y quitandole la posición del alto e izquierda.

Saludosss

orehsalf · #8 (**permalink**) 25/10/2004, 05:05

a mi con lo de javier se me keda la capa arriba a la izkierda

the_max · #9 (**permalink**) 25/10/2004, 11:50

ese es un problema eterno entre los diseñadores. yo tambien tengo las mismas dificultades con el sitio insttel.com, incluso estoy pensando dejar de trabajar con capas, pero no me quiero dar por vencido, hay alguna formula que de veras funcione?, por fa diganme como.

por cierto, que falta mejorar eh?.

JavierB · #10 (**permalink**) 26/10/2004, 09:54

Hola a todos.

En el código que puse en mi anterior mensaje, había un par de errores, que cometía al teclear y eso hacía que no funcionara. Este código está probado en IE, Mozilla y Netscape.

<div style="position:absolute;left:10%;top:10%;width:80 %;height:80%">

Espero que esta vez funcione. Saludos,

Guilianoc · #11 (**permalink**) 26/10/2004, 11:43

creo que tu problema esta aca: width:824px; height:479px, estas trabajando en una capa de 824 pixeles eso en una resolucion de 1024 se va a ver normal pero cuando pasas a 800 x 600 te estan sobrando 24 pixeles y lo normal es que se vean en el lado derecho de tu pantalla, lo recomendable es trabajar en porcentajes pero eso un trabajo muy tedioso, para ello existen las advertencias: Este sitio ha sido diseñado para verse en 800x600 o en 1024x768.

Emoxion · #12 (**permalink**) 02/11/2004, 03:26

yo tb he tenido ese problema y depende del navegador por ejemplo en el explorer basta con ke pongas style = "text-align:center;" en el div pero realmente este no debe usarse para eso pasa que el explorer es mas shulo que un ocho jeje, en firefox y otros navegadores como es de suponer no centra por lo que debemos usar otras caracteristicas como margin usando porcentajes , no deberiais usar align=center ni <center> hola </center> ya que estan obsoletos pero vamos que aun asi podeis usarlo.

saludos.

dobeto · #13 (**permalink**) 26/01/2005, 09:30

Es lo de siempre... nadie tiene una receta. Creo que probaré lo de JavierB.
Yo antes usaba un script que obtenia los valores de la ventana del navegador y calculaba los centros horizontal y vertical. Con la función onresize recolocaba todo y para los navegadores que no tuvieran javascript o fueran antiguos, pues a mostrar sólo texto.
Pero ha llegado firefox y document.body.clientHeight devuelve 0

(el ancho lo devuelve bien)
Lo dicho, probaré el método JavierB

Saludos
dobeto