Här är en bild på mitt problem:
http://calle.ekdahlproduction.com/buggscrn.png
Den högra delen hamnar alltså nedanför mittendelen och den vänstra delen. Följande är min kod:
Kod:
<div class="pricetag">
<div class="pricetag-left"></div>
<div class="pricetag-middle">999</div>
<div class="pricetag-right"></div>
</div>
och CSS:
Kod:
div.pricetag
{
position: absolute;
top: 200px;
left: 400px;
height: 50px;
}
div.pricetag-middle
{
background: transparent url(../images/pricetagbg.png) repeat-x top left;
height: 50px;
margin: 0 10px 0 60px;
}
div.pricetag-left
{
background: transparent url(../images/pricetag.png) no-repeat 0 0;
width: 60px;
height: 50px;
float: left;
}
div.pricetag-right
{
background: transparent url(../images/pricetag.png) no-repeat -140px 0;
width: 10px;
height: 50px;
float: right;
}
Jag har verkligen försökt förstå mig på detta, men det går inte.