Problema urgente con Layers de DW

[maninin]

Buenas gente! Tengo un problema y siempre venir a este foro, me ayuda.

Paso a explicar mas o menos.

Hice la web http://www.casillaslaposta.com.ar para unos amigos, y tengo un problema, que esta a la vista.

son esas dos imagenes , una abajo y otra a la derecha arriba. Ambas las meti en un layer, (layers diferentes) y me aparecen en distintas posiciones segun el monitor.

Probe cambiarle eso de "posicion absoluta y relativa" pero se corre toda la pagina ya que estoy trabajando sobre un template.

alguien podria darme una mano? o me dice y subo el archivo (si alguien tiene la idea y se copa) y le tira las lineas que lo acomodarian?

Muchas gracias, saludos

[cristian_cena]

Claro, el problema está en que aplicas posicion absoluta o relativa sin incluir la imagen dentro de un contenedor, para luego alli dentro acomodar la misma con margin y padding, float o position relative. Viendo el codigo fuente de tu pagina noto que estás maquetando con tablas, o a lo mejor te genera dw ese código. Solo solucionarás la cuestión maquetando tu diseño desde cero (preferentemente con divs) puedes empezar viendo el modelo de caja css aquí. Cualquier duda por aca estamos. Saludos.

[maninin]

no hay caso, lei eso, y muchos foros donde gente tuvo el mismo problema y sigo los pasos y no puedo hacer que se vea bien! Estoy realmente desesperado... dejo el codigo de ese layer

<div id="Layer6"><a href="galeria.html"></a>
<table width="180" border="1">
<tr>
<th width="180" height="110" scope="col"><div align="center"><img src="Galeria de imagenes/Rurales de 6m Nuevo/medium/0002.jpg" width="180" height="110"></div></th>
</tr>
</table>

gracias cristian, pero no entiendo, todas las propiedades que pruebo modificar, ninguna termina haciendo lo que deseo!

[cristian_cena]

Te pregunto, ¿por alguna razón necesitas incluir tu imagen en esa tabla?
Si no la necesitas solo haz esto:
<div id="Layer6"><img/></div>
y luego juegas con las propiedades margin y padding. O bien le das una posición relativa, y juegas con top, left, right, o bottom o bien le das float. Tu problema está en que utilizando position:absolute; quitas al div "Layer6" (con todo su contenido) del flujo normal del documento, si dejas de hacerlo tu imagen quedará en el contenedor que le indiques, en este caso en "Layer6"

#Layer6 {
position:absolute; /*quita esto*/ prueba con position:relative;
width:164px;
height:103px;
z-index:6;
left: 709px; /*juega con este valor hasta dejar el div en el lugar que tu desees*/
top: 389px; /*juega con este valor hasta dejar el div en el lugar que tu desees*/
}
Si position relative no te da resultado, utiliza float.
Utilizando position: absolute tu elemento se ubicará respecto del origen de coordenadas x-y que se encuentra en la esq. superior izquierda del navegador por lo que cuando tengas diferentes resoluciones el contenido posicionado de modo absoluto se "desplazará". Sugerencia, quita position:absolute; y reemplazalo por lo indicado anteriormente.

Espero te sirva, un saludo!