Billede går ud over skærmen

Tags:    html xhtml php javascript

Hej.

Jeg er igang med en hjemmeside om alperne og jeg skal lave et bagrundsbillede inde på websidens "index" side. Når jeg sætter bagrundbilledet ind så er den bare meget større end havde den burde, og det går langt ud over skærmen. Her er koden jeg bruger
Fold kodeboks ind/udHTML kode 


Hvordan kan jeg lave det sådan at jeg kan bestemme. "height" og "width" ?
Jeg har prøvet med bla. "background-height:50%; background-width:50%; }

Kan i hjælpe mig? :)




8 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 13 karma
Sorter efter stemmer Sorter efter dato
Dette skyldes at baggrundsbillede du indsætter jo er større end din skærm.
Omkring det at have fulde-baggrundsbillede-baggrunde er lidt af en udfordring som kræver nogen hacks for at se ordenligt ud.

Prøv at læse denne artikel. Der gennemgår de alle teknikker:

http://css-tricks.com/perfect-full-page-background-image/



Jeg ville ikke bruge et fuldt baggrundsbillede. Jeg ville hellere måske lave en wrapper div, med en width:x; og en height:x;, også lave en background-image:x; på din wrapper div i stedet.

- Sebastian




Fold kodeboks ind/udCSS kode 

Det skulle gerne virke i Firefox 4.0, Chrome, Safari og Internet explorer 9, da background-size: 100%; er et CSS3 "tag"...




Jeg har evt. fundet et link du kunne kigge på

http://css-tricks.com/perfect-full-page-background-image/

OPDATERET!
Damn havde ikke lige set theises indlæg :P



Indlæg senest redigeret d. 13.04.2011 16:53 af Bruger #4487
Hvor mange pixels er dit indexbg.png billede i bredden?

Jeg har aldrig brugt background-size (den virker vist ikke i IE8), så den vil jeg passe på med at bruge.



Ved ikke om det her kan hjælpe.
Billedet er "Dimensioner 1502 x 1127"



Jeg ville ikke bruge et fuldt baggrundsbillede. Jeg ville hellere måske lave en wrapper div, med en width:x; og en height:x;, også lave en background-image:x; på din wrapper div i stedet.

- Sebastian


Sebastian. Kunne du måske vise et eksempel med det du forklarer?



Altså.. Du har en side bygget op af <div></div>'s..

Så laver du en "wrapper" , som "wrapper dine andre divs.


<div id="wrapper">

<div>

din tekst.. tralala

MED en baggrund bag ved.
</div>

</div>

DIN CSS:

#wrapper {
background-image:ditbillede;
height:; Så sætter du height
width:; og Width.
}


Prøv dig lidt frem :)



t