Foros del Web » Creando para Internet » CSS »

Problema en mi banner

Estas en el tema de Problema en mi banner en el foro de CSS en Foros del Web. Hola! soy nuevo en el foro y tengo un problema en la pagina web de radio online que construyo El problema es el siguiente: E ...
  #1 (permalink)  
Antiguo 19/07/2013, 01:52
 
Fecha de Ingreso: julio-2013
Mensajes: 3
Antigüedad: 10 años, 9 meses
Puntos: 0
Pregunta Problema en mi banner

Hola! soy nuevo en el foro y tengo un problema en la pagina web de radio online que construyo

El problema es el siguiente:

E creado un baner de esta forma: http://www.thomaspresenta.com/indexbeta.html

El detalle es que cuando cambio el tamaño de la ventana del navegador y lo pongo muy junto se meten unas imagenes encima de las otras y lo que quiero es que se mantenga, que no se deforme cuando la ventana cambie de tamaño en un monitor pequeño, el problema esta en que tengo un div que agarra todo el baner le puse un position; fixed para que quedara siempre en la parte de arriba, porque el banner tiene el reproductor de radio, le di también un top 0, right 0 y left 0

El causante del problema creo que es en width que le di un 100%

Pero quiero que la pagina no se deforme aunque este en una pantalla pequeña

quiero que no se deforme y que cuando cambie el tamaño de la ventana salga un scroller para mover a derecha e izquierda

soy nuevo en HTML y en CSS
  #2 (permalink)  
Antiguo 19/07/2013, 05:51
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Problema en mi baner

Es más bien un tema de CSS.

Tu problema es hacer uso de posiciones absolutas donde y cuando no debes. Luego usas posiciones fijas en los elementos padre e hijo, aquello no tiene mucho sentido. Y luego intentas usar top/right/bottom/left en elementos con posición estática, y es algo que no se puede hacer, porque no funciona. Igual que usar márgenes laterales automáticos en elementos con posición absoluta.

El problema de las posiciones absolutas y fijas, es justamente que se descuadra todo al cambiar de tamaño de pantalla.
Deberías de investigar un poco sobre cómo flotar elementos y usar una estructuración elástica.

Adicionalmente, también puedes optar por una estructuración con medidas fijas, o a poner un ancho mínimo a los contenedores:

Código CSS:
Ver original
  1. min-width: 960px;
  #3 (permalink)  
Antiguo 21/07/2013, 07:29
 
Fecha de Ingreso: julio-2013
Mensajes: 6
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: Problema en mi banner

Hola, avisanos si lograste solucionar tu problema !!
zp

Etiquetas: banner, html
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:08.