css udfordring: billede over kant.

Har du prøvet med z-index?

Jeg kan ikke rigtig se, hvordan jeg kan tilføje et z-layer til et baggrundsbillede? problemet er at det skal positioneres på den nederste kant i layeret, og layeret udvider sig nedad hvis der kommer mere indhold på siden.
min fulde css for main layeret

    #mainwrap {
    margin:-5px auto;
    width:913px;
    border:1px #0c5849 solid;
    height:450px;
    border-top:none;
    background-image:url('billeder/left.jpg');
    background-position:left bottom;
    background-repeat:no-repeat;
   
    }

Aah.. Kunne du så ikke i stedet vælge at lave det som hver sit layer i css'en?

Altså noget lignende

#mainwrap {
    margin:-5px auto;
    width:913px;
    border:1px #0c5849 solid;
    height:450px;
    border-top:none;
}

#img {
    background-image:url('billeder/left.jpg');
    background-position: auto auto xxxpx xxxpx;
    background-repeat:no-repeat;
}

og så smide din #img div uden for din mainwrap?

igen, jeg ved ikke hvordan, siden er centreret, så jeg ved ikke hvor meget plads der er i venstre side, og længden til bunden er så vidt også ukendt

Uh.. Se den var værrer.. Jeg vil lige gå i tænkeboks natten over :)

du er en supermand, mange tak :)

Du kender vel breden på selve siden?

Kan man så ikke centrere selve billedet, og så bagefter give det en negativ margin? - Er ikke lige vågnet helt endnu, ved ikke om det kan ses i ovenstående :P

NU foreslår de andre her ude også at du smider det som et z-index under selve din boks. Derudover kan du lave en boks mere, der er identisk med din mainwrap, bortset fra du ikke kan se border. Ud fra den kan du så positionere billedet i -x antal pixel :)

Noget i stilen med dette:

#mainwrap {
    margin:-5px auto;
    width:913px;
    border:1px #0c5849 solid;
    height:450px;
    border-top:none;
}

#imgwrap {
    margin:-5px auto;
    width:913px;
    border:none;
    height:450px;
}

#img {
    background-image:url('billeder/left.jpg');
    left-position: x antal pixel;
    background-repeat:no-repeat;
}

Kommer lige med en retter:

#mainwrap {
    margin:-5px auto;
    width:913px;
    border:1px #0c5849 solid;
    height:450px;
    border-top:none;
    z-index: 2;
}

#imgwrap {
    margin:-5px auto;
    width:913px;
    border:none;
    height:450px;
    z-index: 1;
}

#img {
    background-image:url('billeder/left.jpg');
    left-position: x antal pixel;
    background-repeat:no-repeat;
    z-index: 1;
}

hmmm... det prøver jeg lige, men, er der ikke problemer i forhold til at mainwrap udvider sig nedad når der bliver læsset tekst i den?

ah, jeg tror jeg har fanget den.. et billede nedenunder ( som du sagde ) og så positionere det op... det fungerer :)

tusind tak for hjælpen, kast et svar så får de 60 pebernødder som tak :D

Det skal jeg da gøre så :)

tak for hjælpen, glædelig jul

Jo tak, og lige over på den ;)