Background-image: Stræk til hele skærmen - 100%

En anden løsning:

    html {
    background: url('../images/bodybg.jpg') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        }

Ovenstående burde virke i:

- Safari 3+
- Chrome Whatever+
- IE 9+
- Opera 10+
- Firefox 3.6+ (Firefox 4 supports non-vendor prefixed version)

Men ikke IE7+8.

Det kan ikke løses alene med CSS - du er nødt til at lave dit "baggrundsbillede" som en div med et billede i og med 100% højde og bredde.

<ole>

"Kan man evt. udvide min css med et par linier for at sikre brugere af IE7 ikke bare får en kedelig baggrundsfarve?"

Kunne en løsning være at finde en spændende baggrundsfarve?  :)

/mvh
</bole>

ole > Super idé :P

keysersoze > Ja du har nok ret. Måske noget i stil med dette:

CSS:

    #background {
        text-align: center;
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0px;
        top: 0px;
        z-index: -1;
        }

            .stretch {
                width: 100%;
                height: 100%;
                }

HTML:

<div id="background">
<img src="images/bodybg.jpg" class="stretch">
</div>

-------------------------

Så scaler billedet 100% i begge retninger i browseren. Det er bare lidt øv for Preview vinduet i min HTML-editor for nu ligger billedet i toppen af alle sider istedet for som en baggrund bag alt indholdet.

Det er ligemeget, hvordan det ser ud i dit preview vindue. Websider skal ses i en browser  *o)

Lukker da jeg fandt en løsning.

og løsningen blev?

Nå - anmeldt for misbrug.