background 100%

Beste One2xers,

Ik ben opzoek naar de oplossing voor een probleem die waarschijnlijk veel mensen hebben.
Wanneer je een afbeelding of foto als achtergrond wil instellen op een zelf gecodeerde website en je wilt hem altijd schermvullend hebben. Hoe krijg je dat voor elkaar?
Ik heb veel cursussen en fora doorzocht op internet, maar elke code gaf wel probleem in Google Chrome of in Internet Explorer.

Hoe krijg je een afbeelding altijd 100% schermvullend in zowel de hoogte als de breedte?

Alvast bedankt?

in principe hoort dit niet aan de browser te liggen. Het probleem is de beeldresolutie, je kan een afbeelding gewoon op 100% zetten maar het nadeel is dat je afbeelding dan u i t g e r e k t wordt wat niet altijd mooi is. Een oplossing is hier niet voor volgens mij.

background-repeat:repeat-x;

Zou genoeg moeten zijn.

Gamedealer schreef:

background-repeat:repeat-x;

Zou genoeg moeten zijn.

dan herhaald de afbeelding zich en dat wilt hij juist niet. Hij heeft een afbeelding van een wereldbol en die wilt hij maar 1x.

Je kan hem vast zetten, dat hij op elk scherm gelijk staat

background:url(plaatje) center #fff;
Nu zet hij hem in het midden. En dan kan je met een andere kleur alles er omheen kleuren. Bijvoorbeeld wit ofzo

Het kan wel. Even zoeken

background-attachment: fixed;

Gamedealer schreef:

Het kan wel. Even zoeken

background-attachment: fixed;

dan staat hij vast. Maakt niets uit met dit probleem.

watje altijd kan doen is een afbeelding in het midden plaatsen en daarrond het kleur van de rand van die afbeelding.
dan zou je het zo moeten doen.

body {
background-image: url(afbeelding link);
background-position: 50% 0%;
background-color: #kleur;
}

En post even hier om welke afbeelding het gaat zou makkelijker zijn.

Ja dankjewel. Maar zover was ik ook. Maar dat is niet het probleem waar ik tegen aan loop, ik wil graag dat een afbeelding van bijv. 1600x900 ook over het hele scherm wordt weergeven op een 32 of 28 of kleiner/groter inch beeldscherm en niet dat je er een kleur omheen ziet of dat de afbeelding zicht herhaald.

Dat gaat niet met CSS, zoiets doe je beter met javascript.

Het gaat ook met CSS hoor.

html{
background: url(../images/layout/bg.png) no-repeat center center fixed;
background-size: cover;

}

Dit gebruik ik, en werkt perfect

Dit is eigelijk heel simpel:

http://www.w3schools.com/cssref/pr_background-position.asp
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-position