Skaleres baggrundsbilledet til fullscreen som vist med nedenstående HTML/CSS. Men problemet er at det i princippet kun er bredden der skaleres og ikke højden. Dette ses ved at trække browservinduet smallere (i bredden) hvormed hvid baggrundsfarve vises under billedet. Hvordan kan dette undgås som det f.eks. er undgået/løst på: http://www.masters.com !? Et andet nydeligt eksempel (dog Flash): http://www.howlstudio.se
Betyder det, at du dermed også er med på, at det er dig selv, der med din kode har bestilt, at billedet ikke skalerer i højden. I så fald må du nok forklare, hvad du spørger om =)
Hehe, hvis jeg sætter den til at skalere højden (height: 100%), så skaleres billedet jo uproportionelt og vrides/strækkes. Det ser ikke kønt ud. Jeg er meget interesseret i et bud på hvordan http://www.masters.com har løst denne problematik, samt hvordan et så perfekt resultat for baggrundsbilleder som på http://www.howlstudio.se kan opnås.
Flash er konstrueret til at skalere, så det er der ikke noget mærkeligt i. Hvad masters.com gør, ved jeg ikke (sikkert noget JavaScript), og jeg har ikke i sinde at tygge mig gennem deres kodesovs ... den lugter ikke godt :o|
Jeg kan ikke helt lurer hvordan det løser mit problem i forhold til mit CSS. Jeg har nu sat height: 100% og tilføjet overflow:hidden; men det vrider da bare baggrundsbilledet når man trækker i browservinduet.
... prøv at slå javascript fra og besøg masters.com, der virker det nu fint. ... du skal bare kopiere deres CSS - Den klipper bare af bunden når propertionerne ikke holdes.
Der gør den som din oprindeligt gjorde. Jeg er lidt lost, du vil have det som http://www.howlstudio.se ? men linker til masters.com ... Hvad er dit mål ? - og ja, skal det være som http://www.howlstudio.se skal du igang med noget JS.
Nej, http://www.masters.com/en_US/index.html gør ikke som min gør. Den skalere billedet til kant lige meget hvad du gør med browseren. Min viser en hvid baggrundsfarve under billedet, når browservinduet blev for smalt i bredden. Jeg tror løsningen er at lave billedet kvadratisk og bruge mit oprindelige CSS. Jeg kan ikke se at det andet gør noget bedre.
... de bruger bare et højt billede på masters.com, og ikke et 16:9.. ingen hokus pokus, hvis du har en monitor der kan klare det, så lav en høj smal browser
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.
