Hallo allemaal,

Hoe kan ik er voor zorgen dat het ontwerp wat ik aan het maken ben helemaal schermvullend is aan de boven,linker en rechterkant?

link: http://goo.gl/iGOLq

alvast bedankt

Origineel gepost door Roy de Wit

Hallo allemaal,

Hoe kan ik er voor zorgen dat het ontwerp wat ik aan het maken ben helemaal schermvullend is aan de boven,linker en rechterkant?

link: http://goo.gl/iGOLq

alvast bedankt

Een grotere image gebruiken?

OR

Width + height: 100 %;

Code:

html, body {
    background: (images/bg.png) repeat;
}

Volgens mij bedoel je dit ;)

Origineel gepost door S. van bezouw

Een grotere image gebruiken?

OR

Width + height: 100 %;

Als ik de min-height 100% geef dan verandert die ook iets in de breedte, de achtergrond afbeelding is nu 1200px breed. en ik heb hem gewoon verticaal op repeat staan.
Aanvullend bericht:

Origineel gepost door T. Godee

Code:

html, body {
    background: (images/bg.png) repeat;
}

Volgens mij bedoel je dit ;)

Dat werkt maar dan zie ik in de breedte het patroon niet meer wat aan de zijkant hoort te zitten.
Als je snapt wat ik bedoel

Als ik je begrijp bedoel je dat de achtergrond afbeelding schermvullend (stretch of shrink) moet zijn?

Als je de afbeelding laat zien kan ik je misschien helpen; er zijn meerdere wegen naar Rome, maar ik moet wel weten in welke wijk ik moet zijn.

Origineel gepost door Marcel van Vrouwerf

Als ik je begrijp bedoel je dat de achtergrond afbeelding schermvullend (stretch of shrink) moet zijn?

Als je de afbeelding laat zien kan ik je misschien helpen; er zijn meerdere wegen naar Rome, maar ik moet wel weten in welke wijk ik moet zijn.

Het gaat om de afbeelding die in mijn css staat.

Ik weet nog niet precies wat je wilt, maar...

1. wil je dat grijze over de hele pagina behalve achter je content: dat grijze is background van html en je content heeft #FFF als achtergrond
2. wil je dat grijze in een fixed width uiterst links en rechts? background-position! CSS3: dubbele background, CSS1/2: background op html en body

Code:

background:		url(images/bg.png) repeat center top;

zet de achtergrond is op naam van je body.

Code:

body{
        background-image:url(images/bg.png);
	background-repeat:repeat-y;
}
#container{
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	min-height:1000px;
}

Wat bas zegt en voeg aan die body ook margin: 0; toe.
Dan heb je die witte rand ook niet bovenin.

Origineel gepost door Bas Korteweg

zet de achtergrond is op naam van je body.

Code:

body{
        background-image:url(images/bg.png);
    background-repeat:repeat-y;
}
#container{
    margin-left:auto;
    margin-right:auto;
    width:1200px;
    min-height:1000px;
}