Background billede resize til browser størrelse

Der er nogle tips her:
http://css-tricks.com/766-how-to-resizeable-background-image/

Problemet med nogen af de tips fra den side er at man kan selecte background billedet og kopier den..:/

Det får du også meget svært ved at gardere dig imod. Hvis billedet kan vises i min browser, så er der mange måder jeg kan kopiere billedet, uanset hvilke tricks der bliver brugt til at undgå det. Og dem som ikke kan finde ud af det, er nok ligeglade. :)

<ole>

Velkommen til WWW. Baggrundsbilleder kan ikke skaleres - og billeder kan ikke beskyttes mod kopiering  =)

/mvh
</bole>

@olebole: Troede heller ikke det kunne gøres nemt med baggrundsbilleder der skalerer. Men med et lille trick kan det godt:

<html>
  <head>
    <style>
body {
  margin: 0;
  padding: 0;
}
#content {
  position: relative;
  width: 100%;
}
#background {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
</style>
  </head>
  <body>
    <img id="background" src="background.jpg" />
    <div id="content">
      Hej!
    </div>
  </body>
</html>

#background {
  width: 100%;

så vil den fylde hele skærmen hvad end størrelsen på skærmen er :)

Man kan ofte bare bruge  " % " i stedet for " px "

- men det er stadig ikke et baggrundsbillede, og har derfor andre egenskaber.

Af hensyn til brugeren vælger man ofte baggrundsbilleder til grafik, som ikke ønskes udskrevet på en printer. Det er f.eks. dårlig stil at lægge et stort (almindeligt) billede ind som 'baggrundsbillede', da det vil sluge unødige mængder af brugerens dyre printerpatroner

Smid et svar så får i jeres point :)

Ellers tak, jeg samler ikke point. Det må være de andres  =)

Jeg samler heller ikke.