[CSS] obrazek w prawym dolnym rogu Opcje

[sowi]

Witam,
mam taki problem. Potrzebuję umieścić obrazek w prawym dolnym rogu (zawsze niezależnie od rozdzielczości) przegladarki. Problem w tym, że obrazek ma być nałozony na pasek (grafika jpg) który znajduje się na całości strony - rowniez na dole. Aby uzyskać pasek na całości na dole użylem

body {background: url("img/down_stripe.jpg") repeat-x bottom left; margin: 0px;}

Nie wiem jednak jak zrobić teraz aby dodatkowo obrazek umieścic w rogu. Czy zrobić to za pomocą nowego diva, czy można jakoś inaczej?

Ten post edytował sowi 4.08.2008, 12:09:32

[--axel--]

Kod

CSS

#box_glowny {
    position                    : absolute;                                                                                   /* box_glowny zajmuje całe okienko przeglądarki */
    margin                     : 0px;              
    padding                    : 0px;
    width                       : 100%;
    height                      : 100%;
    background              : #333333;
    border                     : 0px;
}

#box_prawa {
    margin                     : auto;              
    margin-right             : 0px;    
    padding                    : 0px;
    height                      : 100%;
    width                       : 100px;                                                                                       /* jako 'width' można dać auto lub wpisać szerokość obrazka w pixelach i pozbyć się 'right' z 'background' */
    background              : url(../sciezka/do/obrazka/obrazek.png) no-repeat bottom right;       /* ścieżka do obrazka względem pliku .css */
    border                     : 0px;
}

HTML

<div id="box_glowny">

    <div id="box_lewa">

    </div>
</div>

Mam nadzieję że to pomoże ... (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)