Container background maken. Hoe?

[tonnyroad]

Bijf, dit is een site van jou.

maar nu wil ik graag de achtergrond van de container veranderen dan die van de hele body. nou ik bedoel zo :
blauw = container achtergrond
groen = body achtergrond

Hoe krijg ik dit voor elkaar met html en css?
moet ik dan een aparte achtergrond doen en in de css zetten : background-image: repeat-x of -y?
en moet ik dan ook ergens in de css middle zetten zodat die afbeelding in het midden zit? want ik wil de container maken met een afbeelding van 1 px in de lente dat is makkelijker. dan noem ik bijf die css eigenschap : #middlecontainer?
en dan moet ik in de html openen met <div id="middlecontainer"> en stoppen met </div> waar ik niet meer wil hebben waar die komt? ik weet zelf wel hoe ik bottom erin moet zetten nadat ik dit weet

Mvg!

P.s. het lieft een tut :$. (geen cursus. weet genoeg van html en css behalfe dit)

 

[csshunter]

Hoi tonnyroad,
Ah, ik ben er achter: "bijf" = "bijvoorbeeld".
In principe zou je dit ook zonder extra container kunnen doen, met:

html {
    background: green;
    }
body {
    width: 960px; /* totale breedte wordt dan 960px + 2 keer padding (L/R) = 980px */
    margin: 0 auto;
    padding: 10px; /* met ook 10px blauw boven en onder */
    background: blue;
    }

Dan wordt het wel een rechthoekige blauwe buitenkant (zonder de ingestulpte hoekjes die nu getekend zijn).
Maar hoe maak je de hoekjes? Met html5, of met images?

• Als je het met images wilt doen (= ook voor browsers die geen html5 ondersteunen), dan kan je eens buurten bij de: "Liquid Corners & Borders" en de "More Corner Examples" op home.tiscali.nl/developerscorner.

Met vriendelijke groet,
CSShunter

 

[tonnyroad]

Hoi tonnyroad,
Ah, ik ben er achter: "bijf" = "bijvoorbeeld".
In principe zou je dit ook zonder extra container kunnen doen, met:

html {
    background: green;
    }
body {
    width: 960px; /* totale breedte wordt dan 960px + 2 keer padding (L/R) = 980px */
    margin: 0 auto;
    padding: 10px; /* met ook 10px blauw boven en onder */
    background: blue;
    }

Dan wordt het wel een rechthoekige blauwe buitenkant (zonder de ingestulpte hoekjes die nu getekend zijn).
Maar hoe maak je de hoekjes? Met html5, of met images?

• Als je het met images wilt doen (= ook voor browsers die geen html5 ondersteunen), dan kan je eens buurten bij de: "Liquid Corners & Borders" en de "More Corner Examples" op home.tiscali.nl/developerscorner.

Met vriendelijke groet,
CSShunter

Haha, ik combineer ze!
Dit is veel makkelijker dan alleen images te gebruiken,
zo maak ik de mooiste dingen met html5 en images.

 

[csshunter]

Mooi; is er dan nog een vraag over?