Foros del Web » Creando para Internet » CSS »

Problema con DIV central

Estas en el tema de Problema con DIV central en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/05/2008, 07:29
 
Fecha de Ingreso: mayo-2008
Mensajes: 5
Antigüedad: 9 años, 7 meses
Puntos: 0
Problema con DIV central

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
  #2 (permalink)  
Antiguo 10/05/2008, 10:35
 
Fecha de Ingreso: abril-2008
Ubicación: -
Mensajes: 156
Antigüedad: 9 años, 7 meses
Puntos: 5
Re: Problema con DIV central

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!
  #3 (permalink)  
Antiguo 11/05/2008, 05:24
 
Fecha de Ingreso: mayo-2008
Mensajes: 5
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: Problema con DIV central

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
  #4 (permalink)  
Antiguo 11/05/2008, 05:43
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problema con DIV central

Antes de que cambie mi resolución para verlo:

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

Mikel.
  #5 (permalink)  
Antiguo 11/05/2008, 07:35
 
Fecha de Ingreso: mayo-2008
Mensajes: 5
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: Problema con DIV central

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
  #6 (permalink)  
Antiguo 11/05/2008, 09:06
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problema con DIV central

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.
  #7 (permalink)  
Antiguo 11/05/2008, 12:46
 
Fecha de Ingreso: mayo-2008
Mensajes: 5
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: Problema con DIV central

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
  #8 (permalink)  
Antiguo 11/05/2008, 12:50
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problema con DIV central

Cita:
Iniciado por wiza Ver Mensaje
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.
  #9 (permalink)  
Antiguo 12/05/2008, 08:16
 
Fecha de Ingreso: mayo-2008
Mensajes: 5
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: Problema con DIV central

Gracias por tu ayuda Mikmoro, ahora sí que está solucionado del todo, uno nunca sabe lo paquete que puede llegar a ser
  #10 (permalink)  
Antiguo 12/05/2008, 08:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Problema con DIV central



No será p'a tanto

Mikel.
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 08:34.