Imagen de fondo: problema de repeat-y solo en la vista de Lista de Categorías

Usando el código de Dax con background-repeat establecido en “repeat-y”, subí una imagen de alta resolución de una hoja de papel en blanco a Imgur, la cual escalé a 1920x1440 antes de cargarla. El comportamiento parece normal al principio, excepto en la vista de Lista de Categorías, que no escala la imagen y/o no la repite verticalmente. Sin embargo, noté que cuando hago zoom-out en la vista de Categoría, en la que la imagen de fondo parecía estar escalándose, también dejó de escalar después de reducir el zoom al 75%.

El problema de los encabezados, confío plenamente en que no se puede solucionar. No hay de qué preocuparse ahí. Honestamente dudo que use esta función de imagen de fondo, pero quería señalar estos problemas de todos modos.

Edición: la vista de hilo de publicaciones parece comportarse normalmente, como se muestra a continuación. Los colores extraños se deben a que solo estoy probando esto para verificar su viabilidad por ahora (el sitio aún no está en línea). El problema de los encabezados, como se mencionó anteriormente, es probablemente la razón principal por la que evitaré usar una imagen (eso, y la legibilidad del texto en ciertos casos).

1 me gusta

Adivino que, como el contenido de esa página es corto, #main no ocupa el 100% de la altura de la ventana. ¿Rellena el fondo toda la página si añades #main { height: 100vh; }? También puedes mover la imagen de fondo a la etiqueta HTML.

3 Me gusta

¡Eso lo arregló! ¡Gracias DOS VECES por dos correcciones hoy! :grin:

Una nota sobre el comportamiento: 100vh no hizo nada y 1000vh hizo que la barra de desplazamiento se comportara de manera indeseable (se desplazaba hacia abajo en la nada). 200 también parecía demasiada distancia de desplazamiento, así que lo fui ajustando en incrementos de 10. Curiosamente, el fondo no se replicó a sí mismo, lo que hizo que reapareciera el fondo color caqui (normal) en la parte inferior. Esto se mantuvo hasta que llegué a 140vh.

1 me gusta