CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

shaggy Nybegynder

08. marts 2005 - 13:07 Der er 8 kommentarer

Automatisk skalering af baggrund

Hej alle.

Jeg har en side hvor bagrunden er et stort billede der skal scaleres efter størrelsen på browser vinduet.

Eksempel: www.zulu.dk (se hvordan størrelsen af bagrunden følger med når størrelsen af vinduet ændres).

Håber i kan hjælpe!

//shaggy

Synes godt om

di8leva Nybegynder

08. marts 2005 - 13:17 #1

Det var ikke nogle større problem :)
--------------------------------------
<html>
<style type="text/css">
body {
background: #F3F2DD url('http://zulu.tv2.dk/img/site_bg.gif') center no-repeat fixed;
}
</style>
---------------------------------------

Men husk at billeden skal vare stor nok fra start. Zulu's er 3000 x 3000 px

Synes godt om

olebole Juniormester

08. marts 2005 - 13:19 #2

<ole>

Du kan ikke resize et baggrundsbillede med HTML/CSS - det skal du bruge JavaScript til - eller lave andre 'hacks'.
På den anden side, fylder sådan et billede ekstremt meget, hvis det skal se ordentligt ud i stor størrelse.
Zulu's baggrund fylder 80Kb ... synes du virkelig, det er værd at genere brugeren med det? Tror du han synes, det er det værd?

/mvh
</bole>

Synes godt om

olebole Juniormester

08. marts 2005 - 13:21 #3

di8leva >> Det resize'er ikke billedet - men lader det altid være lige stort :)

Synes godt om

shaggy Nybegynder

08. marts 2005 - 13:25 #4

det virker bare ikke for mig, selvom mit billede også er 3000x3000 stort. Min CSS er:
body{
background: url('grpahics/bg.jpg') center no-repeat fixed;
}

er der noget galt i den?

Synes godt om

shaggy Nybegynder

08. marts 2005 - 13:25 #5

prøvede også bare at stjæle deres nemlig :)

Synes godt om

di8leva Nybegynder

08. marts 2005 - 13:38 #6

ole >> Ah.... måske viser den kun mitten av billeden? Og førdi den ser ud som den gør så ser det ud at den bliver skalerad.... my bad

Synes godt om

olebole Juniormester

08. marts 2005 - 13:44 #7

Hehe ... ja, det er jo en stjerne :D
Men stadigvæk er det efter min mening ikke effekten værd at skulle downloade 80Kb grafik :)

Synes godt om

shaggy Nybegynder

10. marts 2005 - 20:40 #8

jeg lukker igen..

Synes godt om

Ny bruger Nybegynder

Din løsning...

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS