Hvordan enklest få se bunnen av et nettside med bakgrunns bilde

[DLTIM]

Hei

Jeg har laget en nettside med et bilde som bakgrunn 920x1000 px
Men når jeg ser på siden i nettleseren ser jeg ikke bånn av bilde hvorfor ?

Har satt width å height på bilde ?

her er koden

  {
	background-color:#xxx;
	background-image: url(images/backgound.png);
	background-repeat:no-repeat;
        background-position:right top;
	padding: 0;
	margin: 0 auto;
	width: 920px;
	height:1000px;	
	}

Takk for eventuel hjelp

 

[DLTIM]

Fant ut av det selv

Hadde glemt en x etter px

 

[Tonny Kluften]

Så da virker det nå?

 

[peterandrej]

Legg heller bildet på body:
background: url(bilde.png) bottom center no-repeat;

Da får du det til å dekke hele siden uansett hvor stor "siden" måtte være.

 

[Pong]

Enig i bottom center, spesielt i dette tilfelle. Ellers sånn generisk gjelder at ulempen er at man ikke kan resize et bakgrunnsbilde (sånn uten videre). Et img-element kan man sette til 100% (men det virker ikke være hensikten her ihvertfall).

 

[Tonny Kluften]

Med bottom center, vil man vel ikke se toppen av bildet?

 

[peterandrej]

Med bottom center, vil man vel ikke se toppen av bildet?

Det avhenger jo av hvor stor skjerm man har, dummen Og hvor stort bildet er......

#erdetikkelogisk

 

[Gaasehud]

Ja, og som PAJ bemerker; du kan fint gi bakgrunnen alle egenskaper kun med background, background-position og alle disse her er ikke egentlig nødvendige. Smak og behag altså, men er jo greit å ha bare én ting å forholde seg til i stedet for alle disse "tulletaggene".

 

[Tonny Kluften]

Det avhenger jo av hvor stor skjerm man har, dummen Og hvor stort bildet er......

#erdetikkelogisk

Nemlig... Poenget mitt var at man får ikke i pose og sekk hvis bildet er for stort. TS skrev ikke noe om at han var villig til å ofre toppen av bildet.

Her er det jeg bruker:

  background: #5384a2 url('images/bakgrunn.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: bottom left;

eller

	background:#D2E0E9 url(images/bakgrunn.jpg) no-repeat top left;
        background-attachment:fixed;