Vragen over CSS

Hallo one2xs leden,

Ik ben een tijdje weg geweest en heb nu weer wat tijd om een website te maken. En dat is ook nodig omdat ik een bedrijfje ga beginnen.

Het is allemaal lang voor mij geleden dus het een en ander is weg gevallen. Maar daarvoor hebben we www.w3school.com. Alleen net wat ik nodig heb kan ik niet vinden. Dus ik stel die vraag zo ookal maar er zullen in de tussen tijd nog wel meer vragen komen en die post ik dan hier ook wel.

Iig de eerste vraag is. Ik moet een container vlak hebben over hele website. Nu heb ik het zo:

#container {
    width: 908px;
    height: 100%;
    margin: 0 auto;
    background-image: url(img/container.png);
    background-repeat: repeat-y;
}

Maar dus tot zover blijft die balk alleen in de hoogte van het woordje "Hallo" wat ik heb neer gezet. Maar ik wil dus dat die balk helemaal naar onder gaat over de hele webpagina en zodra de pagina groter word als heel het scherm dat hij dan dus ook mee groeit. Hoe kan ik dat het beste voor me kaar krijgen.

Alvast bedankt.

UPDATE:
Ik heb een 2e vraagje hoe kun je een achtergrond vast zetten zodat deze als je naar beneden scrolt ook mee gaat?

height:100%; werkt in ieder geval nooit.

Als je het over heel de breedte wilt; doe dan alvast width:100%;

verder snap ik je niet zo goed

Sanderc schreef:

height:100%; werkt in ieder geval nooit.

Als je het over heel de breedte wilt; doe dan alvast width:100%;

verder snap ik je niet zo goed

Bedankt voor het helpen. Hebben prive contact gehad maar Sanderc weet het ook niet.

min-height:100%; ?

Jponsen schreef:

min-height:100%; ?

Helaas werkt dat ook niet.

body {
    height: 100%;
}
#container {
    width: 908px;
    min-height: 100%;
    margin: 0 auto;
    background-image: url(img/container.png);
    background-repeat: repeat-y;
}

Dat zou moeten werken

Jponsen schreef:

body {
    height: 100%;
}
#container {
    width: 908px;
    min-height: 100%;
    margin: 0 auto;
    background-image: url(img/container.png);
    background-repeat: repeat-y;
}

Dat zou moeten werken

Heb het geprobeerd maar werkt helaas niet.

UPDATE:
Ik heb een 2e vraagje hoe kun je een achtergrond vast zetten zodat deze als je naar beneden scrolt ook mee gaat?

background-attachment:fixed;

Fireiscool schreef:

background-attachment:fixed;

Bedankt dat werkt idd. Nu de eerste vraag nog!

Eerst de margin en padding op 0 zetten in je body.

body{ margin: 0; padding: 0; }

Josnl schreef:

Eerst de margin en padding op 0 zetten in je body.

body{ margin: 0; padding: 0; }

Werkt helaas nog steeds niet

Jponsen schreef:

html, body {
    height: 100%;
}
#container {
    width: 908px;
    min-height: 100%;
    margin: 0 auto;
    background-image: url(img/container.png);
    background-repeat: repeat-y;
}

Dat zou moeten werken

Volgens mij moet het zo werken, je vergat de html op 100% te zetten

Eleky schreef:

Eerdere citaten tonen

Jponsen schreef:

html, body {
    height: 100%;
}
#container {
    width: 908px;
    min-height: 100%;
    margin: 0 auto;
    background-image: url(img/container.png);
    background-repeat: repeat-y;
}

Dat zou moeten werken

Volgens mij moet het zo werken, je vergat de html op 100% te zetten

Dankjewel dat heeft geholpen!!!