Hopp til hovedinnhold

Bannere - Fri høyde mobil?

.safebanners som klasse på siden for å teste hvordan det vil slå ut å la layout--img (bilde bak) bannere vokse fritt i høyden på små skjermer. Dvs ta den plassen som teksten krever, enten dette er mye eller lite..

Skal vi gå for noe slikt må vi trolig ha en min-height verdi i module__content  (tilsvarende som minsteverdi i padding-bottom: clamp() for de ulike størrelsene) slik at modulene ikke kollapser helt dersom det er lite tekst i dem.

For å unngå problemer med at innehold kan bli skjult på mindre skjermer eller ved kraftig zoom.

Kan oppnås hvis .module__media settes til position:absolute, og module__content settes til position:relative.

Dette er kanskje mest relevant for store bannere der man har vesentlig bedre plass til tekst på store skjermer enn på små.

Men på mobil skal de ikke så mye til før man fyller opp. Men på mobil skal de ikke så mye til før man fyller opp.  Men på mobil skal de ikke så mye til før man fyller opp.  Men på mobil skal de ikke så mye til før man fyller opp.

Vi ønsker ikke at den skal bli for lav heller.. så trolig må det inn en min-height i module__content om vi går for dette.

med litt for mye tekst og knapper. Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 

Ulempe ved fri høyde er at bannere kan bli lavere enn man forventer dersom de ikke har mye tekst..

Museum24:Portal - 2025.04.24
Grunnstilsett-versjon: 2