Problema con DIV central

[wiza]

Buenas, tengo una web hecha con photoshop en la que el contenido se carga en un div central, que no consigo que quede inmovil, los cambios de resolución me lo mandan a tomar viento y lo descuadran, aquí está la página subida a un servidor gratuito:
http://lolon.site88.net

Aunque ponga que está optimizada a 1024x768 ahora mismo se ve a 1280x800

Y aquí esta el css:

body {
text-align:center;
font-family:verdana;
color:ffffff;
}
#Layer1 {
position:relative;
left:320px;
top:202px;
width:755px;
height:486px;
z-index:1;
overflow:scroll;
overflow:hidden;
position:absolute;
}
#hora {
position:absolute;
background-color:#999999;
/* IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
/* Mozilla */
-moz-opacity:0.6;
border: 1px solid;
border-color:#3399FF;
padding:10px;
left: 5px;
top: 407px;
width: 714px;
}
div#hora p {
margin: 10px 10px;
font-weight: bold;
color: #000000;
}

De paso me podríais decir que os parece la web

Gracias

[nedrek]

La web no está disponible.

Y es imposible decirte nada acerca del CSS, si no vemos el codigo (x)html sobre el que se aplica...



Un Saludo!

[wiza]

Habrá tenido algún problema el servidor, podrías probar ahora.
La web la he subido precisamente para que se pueda ver su código

[Mikmoro]

Antes de que cambie mi resolución para verlo:

¿qué significa exactamente "los cambios de resolución me lo mandan a tomar viento"?

Mikel.

[wiza]

jaja, perdona por la inexactitud de mis palabras, lo que quiero decir es que con el cambio de resolución el div se descuadra y no se ve donde debería verse

[Mikmoro]

El asunto es que tienes un poco de lio en este selector:

#Layer1 {
position:relative;
left:320px;
top:202px;
width:755px;
height:486px;
z-index:1;
overflow:scroll;
overflow:hidden;
position:absolute;
}

Si la página está centrada, y ese contenido lo pones en posición absoluta con respecto a la página y con un desplazamiento izquierdo (left:320px;) cuando reduces la ventana obviamente la página se desplaza pero el contenido mantiene su distancia de la izquierda, estando siempre a la misma distancia del lateral.

Tal y como has planteado la página, eso no lo puedes resolver fácilmente. Aunque te recomendaría no usar tablas para maquetar, como ya lo tienes hecho, lo que haría sería usar todas las celdas que ocupan la zona de contenido con sus colspan y rowspan correspondientes para unir toda la zona en una sola celda, y ubicar el contenido ahí, en lugar de usar una posición absoluta.

Mikel.

Mikel.

[wiza]

Gracias por la respuesta, al final lo he "arreglado" de manera mas rústica, he quitado la imagen de enmedio y he metido el div dentro, dejando como fondo de la web una imagen del tio forzudo

[Mikmoro]

Iniciado por wiza

Gracias por la respuesta, al final lo he "arreglado" de manera mas rústica, he quitado la imagen de enmedio y he metido el div dentro, dejando como fondo de la web una imagen del tio forzudo

No sé si rústico pero sí drástico. No necesitarías quitar la imagen, sino que bastaría con que la pusieras de fondo del div, pero bueno, si lo has solucionado perfecto.

Mikel.

[wiza]

Gracias por tu ayuda Mikmoro, ahora sí que está solucionado del todo, uno nunca sabe lo paquete que puede llegar a ser

[Mikmoro]

No será p'a tanto

Mikel.