Heisann.
Dette er det jeg prøver på:
Jeg har en <div id="all"> som jeg har gitt høyden 1024px.
Nederst i venstre hjørnet av denne vil jeg ha et bilde.
Jeg har derfor lagt dette bilde i <div id ="bg">, og denne ligger igjen inni den første div-en.
Her er CSS koden for disse div-ene:
HTML-kode:
Dette hadde jeg håpet at skulle føre til at bildet jeg har lagt inne i <div id="bg"> skulle legge seg helt nede i venstre hjørne på <div id="all">, men neida!
Bildet legger seg helt til venstre, men IKKE helt nederst.
Er det noen som har noen gode forslag til hva feilen kan være?
Jeg fant det ut!
Løsningen var å gjøre dette:
Dette er det jeg prøver på:
Jeg har en <div id="all"> som jeg har gitt høyden 1024px.
Nederst i venstre hjørnet av denne vil jeg ha et bilde.
Jeg har derfor lagt dette bilde i <div id ="bg">, og denne ligger igjen inni den første div-en.
Her er CSS koden for disse div-ene:
HTML-kode
#all {
position: relative;
left: 0px;
top: 0px;
width: 1280px;
height: 1024px;
background-color: #0F6;
}
#bg {
position: absolute;
height: 833px;
width: 788px;
bottom: 0px;
left: 0px;
z-index: 1;
}
HTML-kode
<div id="all"> <div id="bg"> <img src="images/machine_bg.png" alt="Maskin" /> </div> </div>
Bildet legger seg helt til venstre, men IKKE helt nederst.
Er det noen som har noen gode forslag til hva feilen kan være?
Jeg fant det ut!
Løsningen var å gjøre dette:
HTML-kode
#bg {
position: absolute;
height: 833px;
width: 788px;
bottom: 0px;
left: 0px;
background-image: url('images/machine_bg.png');
background-position: left bottom;
background-repeat: no-repeat
z-index: 1;
}