Background image scalen met CSS

Wat ik wil is eigenlijk een background image die height=100% en width=100% heeft...dus wanneer je browser venster kleiner is hij toch nog goed zichtmaar is...

ik heb nu dit

[code:1:b06481fdb3].contentBG {
background-image: url(…/images/beheer/bg.jpg);
background-color: #A0FCE0;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center bottom;
padding: 5px;
}[/code:1:b06481fdb3]

Volgens mij kan dit niet. In ieder geval niet met background image.

Misschien kan je het gewenste effect bereiken met layers en z-index?

de hoogte van de achtergrond kan je niet bepalen. je zou wel een onzichtbare div over je pagina kunnen leggen die je 100% maakt. maar de hoogte 100% gaat wel niet zo soepel met css

hm okidokie :) dankjewel

[quote:a74344cef3="tijs"]de hoogte van de achtergrond kan je niet bepalen. je zou wel een onzichtbare div over je pagina kunnen leggen die je 100% maakt. maar de hoogte 100% gaat wel niet zo soepel met css[/quote:a74344cef3]

[code:1:a74344cef3]
html, body {
margin : 0;
padding : 0;
height : 100%
}

#plaatje {
width : 100%;
height : 100%
}
[/code:1:a74344cef3]

Met css3 komt de mogelijkheid er wel... Dan wordt de property background-size toegevoegd. http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-background-size

Even geduld dus nog…

CSS3 is nog een voorstel en nog lang geen standaard (helaas). Op het Internet Explorer weblog van Microsoft wordt aangegeven dat MS voor IE7 voorlopig geen CSS3 ondersteuning gaat inbouwen, omdat het nog geen standaard is. Kortom, over 25 jaar zijn we aan CSS3 toe (helaas).

[quote:f46b87b56c="tennapel"] [code:1:f46b87b56c] html, body { margin : 0; padding : 0; height : 100% }

#plaatje {
width : 100%;
height : 100%
}
[/code:1:f46b87b56c][/quote:f46b87b56c]

Ik zou die height:100%; bij #plaatje weghalen als je wilt dat het in verhouding schaalt.

@ tenapel Sterker nog, CSS3 is gewoonweg nog niet af, al hebben verschillende modules al wel hun 'w3c recommendation status' bereikt (zie [url=http://www.w3.org/Style/CSS/current-work.html#table]css roadmap[/url])

Ik denk dat er met een jaartje of zes / zeven je al wel met een css3 stylesheetje aan kan komen hoor… :innocent:

[quote:85962698e5="Vasilis"] Ik zou die height:100%; bij #plaatje weghalen als je wilt dat het in verhouding schaalt.[/quote:85962698e5]

zie de oorspronkelijke vraag.