Foros del Web » Creando para Internet » CSS »

Problema: Bloque que no se recentra al redimensionar la ventana

Estas en el tema de Problema: Bloque que no se recentra al redimensionar la ventana en el foro de CSS en Foros del Web. Hola, Tengo un problema con Internet Explorer. Mis páginas están formadas de la siguiente forma: cabecera subcabecera contenido pie Todo está centrado desde el body ...
  #1 (permalink)  
Antiguo 23/10/2006, 10:56
 
Fecha de Ingreso: junio-2004
Mensajes: 616
Antigüedad: 13 años, 6 meses
Puntos: 25
Problema: Bloque que no se recentra al redimensionar la ventana

Hola,

Tengo un problema con Internet Explorer.
Mis páginas están formadas de la siguiente forma:
cabecera
subcabecera
contenido
pie

Todo está centrado desde el body en la pantalla.

En subcabecera necesito meter una imagen y encima un texto. La imagen no puede ser background, pues debe redimensionarse al aumentar la fuente. Así que dentro de subcabecera declaro un div con position:relative y dentro de ese otros dos divs con position absolute para la imagen y otro para el fondo. Les doy el z-index adecuado y todo funciona muy bien.

Pero al redimensionar la ventana, todo lo que estaba centrado, se vuelve a centrar con el nuevo tamaño, menos la capa que tiene posicionamiento relativo, que no se mueve de donde estaba. Haciendo que se descuadre todo.

¿Alguien sabe como solucionar este problema? Estoy seguro que es un problema típico y que debe haber alguna solución
__________________
eContento
- Mis artículos, tutoriales y labs
- Mis jsfiddles
  #2 (permalink)  
Antiguo 23/10/2006, 11:25
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 12 años, 1 mes
Puntos: 3
1- no te recomiendo que uses position absolute, tra muchos porbelmas especialmene con IE.

2- desconcosco por que no puedes usar background con repeat..

3-recuerda que tienes que tener un position:relative y dentro un absolute para que se base de el relative como 0px y asi trabajas desde un punto del documento y no desde la vetana.
__________________
Saludos
FT.
www.fernando.com.mx
  #3 (permalink)  
Antiguo 23/10/2006, 11:50
 
Fecha de Ingreso: junio-2004
Mensajes: 616
Antigüedad: 13 años, 6 meses
Puntos: 25
Bueno, te pongo un poco en antecedentes mis restricciones:

No puedo usar imágenes como background y repeat, porque por requisitos todas las imágenes deben crecer al crecer la fuente. Todo el site usa em como medida. Por eso no puedo usar background, ya que estos no crecen. Además, las imágenes que hay debajo del texto no se pueden "repetir".

Por otro lado, no usaría position:absolute a no ser que fuera necesario, pero no se me ocurre otra forma de hacer esto.

Te lo vuelvo a confirmar: las capas absolutas están referidas a una capa relativa que las contiene. Para más datos, todas las capas tienen ancho y alto, especificado en em.

Pero al redimensionar, internet Explorer no lo hace bien.
__________________
eContento
- Mis artículos, tutoriales y labs
- Mis jsfiddles
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 19:05.