Capas. Alineandolas a la izquierda OK ¿Pero ahora que hago con el fondo en 1024x768?

[Jokki]

Hola, les agradecedia me aportasen alguna idea de como adaptar mi diseño.

Explico lo que hice.....

Creé una imagen (que utilizo de fondo), sobre ella una serie de capas a su alrededor...

El 1er problema que encontré fue que al cambiar de resolución todas las capas que habia situado perfectamente alrededor de mi imagen se desorganizaronn... Bueno... mirando algunos post vi como aconsejaban alinear a la izquierda para evitar esto... !!! lo hizé y lo conseguí !!! ... Pero.... mi diseño ahora se ve afectado ya que antes como tenia todo centrado cuando alguien veia la web en 1024x768 la imagen de fondo la ponia siempre centrada y esta se adaptaba bien... ahora como esta todo alineado a la izquierda todo el diseño se concentra en la parte superior izquieda, esto "para mi" influye negativamente en el diseño...

¿A alguien se le ocurre como hacer para que mi imagen de fondo se mantenga centrada incluso cambiando de resolución y sin que esto afecte a la posición de las capas?

Gracias....

Pueden ver el ejemplo que les digo en....
http://clanj.eresmas.com/

[alvgarci]

En primer lugar, no veo la necesidad de utilizar capas, cuando perfectamente lo podrías hacer con tablas.

Siempre utilizar capas con posiciones relativas no es lo mejor, pero si vas al código fuente y cambias por POSITION: relative te va a funcionar
<div align="center">

<DIV id=Layer3 style="Z-INDEX: 3; LEFT: -300px; WIDTH: 109px; POSITION: relative; TOP: 348px; HEIGHT: 29px">
<A href="http://clanj.eresmas.com/curiosidades.htm"><IMG height=26 src="prueba_files/curiosidades.gif" width=105 border=0></A></DIV>

<DIV id=Layer6 style="Z-INDEX: 6; LEFT: 0 px; WIDTH: 72px; POSITION: relative; TOP: 6px; HEIGHT: 50px">
<A href="http://clanj.eresmas.com/empresa.htm"><IMG height=42 src="prueba_files/nuestra.gif" width=70 border=0></A></DIV>
</div>

<DIV id=Layer8 style="Z-INDEX: 8; LEFT: 400px; WIDTH: 121px; POSITION: relative; TOP: 348px; HEIGHT: 56px">
<A href="http://clanj.eresmas.com/consultas.htm"><IMG height=55 src="prueba_files/consultas1.gif" width=103 border=0></A></DIV>
</div>

[Jokki]

Hola amigo

En primer lugar darte las gracias x atenderme.

Bueno.. no entiemdo muy bien lo que me has querido decir...

1º Me comentas que lo podria hacer en tablas y no con capas.. Bueno quizas veas que hay muy pocas opciones, pero ten en cuenta que las 3 opciones que he puesto (Nuestra empresa, Curiosidades, etc) no serán las unicas, de echo alrededor de la semiesfera estara lleno de opciones, y ademas interactuando estas con otras capas. Además ya probe utilizando tablas y a mi se me descuadra todo, ten en cuenta que cada opción tiene su tamaño y ancho (son en formato "gif" ).

2. Utilizando la posición RELATIVE pasa lo que te comenté en el 1er email. Esto hace que cambiando de resolución la capa se descoloque de sitio

Se m habia ocuurido algo pero creo q es dificil... lo ideal seria introducir alguna rutina que detectase la resolución... asi podria cargar dos tipos de index.htm, con sus capas en posición relativas y con el fondo centrado (aunque tocando el maximizador del navegador entonces se verá mal.. pero bueno)

[alvgarci]

Si utilizas Relative, y centras las capas, estás siempre van a estar en relacion al centro de la página.
Obviamente también tiene que centrar la imagen a mostrar para que quede centrada

[Mstaaravin]

Como centras las capas, en el codigo que enviaste, no dice nada respecto al centrado de las capas.
Te puedes explicar mejor...?
Gracias

[Jokki]

!! Lo conseguí !!

Por lo visto, y aunque puse la posicion Relative, me olvidé de poner centrar todas las capas (el <div align="center">

Hay una cosa que no entiendo muy bien, cuando estoy ajustando la posición de las capas tengo que ir probando por código poco a poco e ir haciendo vista previa en el navegador hasta conseguir ajustarlo a donde yo quiero, pero no puedo verlo en "Mostrar vista diseño" (de echo hay se ve todo descuadrado). ¿¿ Te pasa a ti igual ?? . ¿¿ Porque sucede ??

Muchas gracias... resolviste mi duda :)

(PD) Mstaaravin. Las tenia con posicion absolute, pero nuestro compañero "Alvgarci" ya me resolvió la duda, gracias!

[alvgarci]

El <div align="center"> que puse al principio del código y </div> que cerraba indicaba que las capas iban centradas.

Jokki por el código fuente que vi, está desarrollando el sitio con Front Page, asi que no se bien como funciona.

Yo trabajo con Golive y pasa algo similar a lo que tu dices. GoLive no soporta trabajar con capas (cajas flotantes para GL, creo que a partir de GoLive CS le van a llamar capas también) en un posición relativa, y en cuanto salgo a modo de Diseño automáticamente le coloca posición absolute.

Saludos.