Foros del Web » Creando para Internet » CSS »

Evitar que ocurra esto.

Estas en el tema de Evitar que ocurra esto. en el foro de CSS en Foros del Web. Buenas, no sé si esto se puede tratar de CSS o JavaScript, pero yo tengo una web con un header así: Pero cuando hago la ...
  #1 (permalink)  
Antiguo 27/12/2012, 04:55
 
Fecha de Ingreso: febrero-2012
Mensajes: 15
Antigüedad: 12 años, 1 mes
Puntos: 0
Evitar que ocurra esto.

Buenas, no sé si esto se puede tratar de CSS o JavaScript, pero yo tengo una web con un header así:




Pero cuando hago la ventana más pequeña o entro desde un ordenador con una pantalla más pequeña, pues me queda algo así:




Me gustaría saber cómo solucionar eso, reemplazándolo por un box más pequeño o ocultándolo. Muchas gracias de antemano.

Un saludo
  #2 (permalink)  
Antiguo 27/12/2012, 07:57
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Evitar que ocurra esto.

Hola
En el foro de CSS es imprescindible el código CSS y el html.
Como anticipo deberías informarte un poco sobre "mediaqueries"

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 27/12/2012, 11:35
Avatar de twilvaro  
Fecha de Ingreso: febrero-2012
Ubicación: La Línea (Cádiz)
Mensajes: 47
Antigüedad: 12 años, 2 meses
Puntos: 5
Respuesta: Evitar que ocurra esto.

Sin el código, la ayuda es al voleo... ¿Le has especificado la anchura al header? Aunque lo suyo, como te dice C2am, es que te mires los medios (http://www.librosweb.es/css/capitulo_1/medios_css.html).

También puedes usar la propiedad min-width, para evitar que cambie más del ancho mínimo establecido al elemento cuando se modifique el tamaño de la ventana (http://www.librosweb.es/referencia/css/min-width.html).
  #4 (permalink)  
Antiguo 27/12/2012, 11:35
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: Evitar que ocurra esto.

También puedes trabajar con medidas relativas.

O las dos cosas, media-queries y medidas relativas, que es lo ideal.
  #5 (permalink)  
Antiguo 27/12/2012, 12:21
 
Fecha de Ingreso: febrero-2012
Mensajes: 15
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Evitar que ocurra esto.

Cita:
Iniciado por twilvaro Ver Mensaje
Sin el código, la ayuda es al voleo... ¿Le has especificado la anchura al header? Aunque lo suyo, como te dice C2am, es que te mires los medios (http://www.librosweb.es/css/capitulo_1/medios_css.html).

También puedes usar la propiedad min-width, para evitar que cambie más del ancho mínimo establecido al elemento cuando se modifique el tamaño de la ventana (http://www.librosweb.es/referencia/css/min-width.html).
Gracias, me ha servido. Y perdón por no especificar, lo publiqué apuradísimo.

Bloqueo el tema.
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 10:32.