Foros del Web » Creando para Internet » CSS »

Tablas > Capas

Estas en el tema de Tablas > Capas en el foro de CSS en Foros del Web. Hola, tengo un problemilla sobre posicionamiento CSS que me está desquiciando, a ver si alguien me puede echar una mano. Estoy pasando el diseño de ...
  #1 (permalink)  
Antiguo 20/12/2005, 04:35
 
Fecha de Ingreso: diciembre-2005
Mensajes: 6
Antigüedad: 12 años
Puntos: 0
Tablas > Capas

Hola, tengo un problemilla sobre posicionamiento CSS que me está desquiciando, a ver si alguien me puede echar una mano.

Estoy pasando el diseño de mi photoblog de tablas a capas y de momento va así la cosa...

Tablas: http://www.sergiodelatorre.com/photoblog/
Capas: http://www.sergiodelatorre.com/photo...hp?x=templates

El caso es que creo que lo más difícil es fijar el pie donde está y ya está solucionado. El problema viene al intentar centrar la caja del contenido. Tiene que ser de dimensiones variables y que quede centrada tanto en altura como anchura. Eso lo consigo hacer a medias, es decir, cuando la página "cabe" en la ventana. Cuando la ventana es más pequeña que el contenido se solapan las capas y la parte de la caja del contenido queda oculta más alla de los límites de la ventana. El objetivo es que tenga el mismo comportamiento y apariencia que el diseño actual de tablas.

Alguien puede echarme una mano?

Gracias
  #2 (permalink)  
Antiguo 20/12/2005, 09:31
Avatar de hunab  
Fecha de Ingreso: febrero-2005
Ubicación: Barcelona
Mensajes: 133
Antigüedad: 12 años, 9 meses
Puntos: 1
Pon el ejemplo con los errores y te ayudaremos, sin una base es difícil echarte una mano, de todos modos yo lo que haría para centrar esa capa es centrarla en posicion absoluta (porque para centrar verticalmente un elemento no absoluto no es posible en general) respecto a la pantalla o a una div padre, para que tengas una idea si esa capa tiene un id="caja" en el css seria algo asi:

#caja{
positon:absolute;
width:600px;
height:400px;
top:50%;
left:50%;
margin-left:-300px; /* width/2 */
margin-top:-200px; /* height/2 */
}

Esto debería ser suficiente para centrar la caja, no lo he probado es para que tengas una idea
__________________
Marcio Barrios
marciobarrios.com // artículos sobre estándares y desarrollo web
  #3 (permalink)  
Antiguo 20/12/2005, 12:01
 
Fecha de Ingreso: diciembre-2005
Mensajes: 6
Antigüedad: 12 años
Puntos: 0
Exacto, eso mismo he probado, pero si la ventana es mas pequeña que la capa, van a quedar partes de la capa ocultas. Es decir, así alineas desde el centro de la capa. Supongamos que la ventana mide 500px de ancho y 300px de alto (es un ejemplo), el centro de la capa estaría en el centro de la ventana, pero sobrarían 50px de capa por cada lado :(

Gracias
  #4 (permalink)  
Antiguo 22/12/2005, 02:34
 
Fecha de Ingreso: diciembre-2005
Mensajes: 6
Antigüedad: 12 años
Puntos: 0
Alguna sugerencia?

Salu2
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 04:08.