Ver Mensaje Individual
  #12 (permalink)  
Antiguo 01/02/2013, 09:14
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: mi pagina se "corta" al minimizar tamaño de ventana

El problema es que un poco todo te mide 100%, pero tu menú mide 900 pixeles, entonces al hacer el navegador más pequeño .m-items en algún momento no llega a caber en la pantalla y sobresale. Luego, como está flotado a la derecha, los enlaces de la lista siguen ahí, pero como tienen el texto de color blanco no se ve al tener el fondo del mismo color. Pero ahí siguen los cabritos.

La solución pasa por darle un ancho de 100% a .m-items y usar max-width, para que no sobrepase esa medida si la ventana es más grande de 960 pixeles pero, que tampoco sea mayor cuando es inferior.

Código CSS:
Ver original
  1. #menu .m-items{
  2.   max-width: 960px;
  3.   width: 100%;
  4.   margin: 0 auto;
  5. }

El problema está en usar medidas relativas y fijas a la vez sin usar max-width para poner cierto punto de control.

Última edición por pzin; 01/02/2013 a las 11:21 Razón: código