Hallo allemaal,

Ik ben aan een schoolopdracht aan het werken, maar ik heb een probleempje met de achtergrond afbeelding. Ik wil namelijk dat hij 700px height zoiezo laat zien, maar indien een grotere resolutie de afbeelding niet afkapt. Dit is echter nu wel het geval. Als ik hem op zijn volledige hoogte zet, dan heb ik een onnodige scrollbar.

Ik heb het even hier geupload ter illustratie:

http://www.saroverhees.be/luchtvaart/

Code:

body {
    background: #d9e1e3;
}
 
#wrapper {
		background: url('images/bg.jpg') no-repeat;
	    margin:0px auto;
		width: 1024px;
		height: 700px ;
}

min-height: 700px; volgens mij, weet het echter niet zeker.

Nee, daarmee blijft hij nog steeds afgekapt. Toch bedankt!

verander 'height: 700px' is in min-height :700px

Bedankt Ferdy, maar zoals men al gemeld heeft, is dat niet de juiste oplossing.

Ik heb echter de juiste oplossing gevonden door de bg image aan de body toe te wijzen en de afbeelding daar in te centreren.

Code:

body {
    background: #d9e1e3 url('images/bg.jpg') no-repeat center top;
}