[CSS]Pozycjonowanie względem innego obiektu

[Polak149]

Witam

Zrobiłem sobie szablon strony w formie jednego obrazka (załącznik), który ma być tłem. Dodałem go do css... no i tu zaczyna się mój problem. Nie mam pojęcie jak wypozycjonować jakiś element, na przykład diva, względem tego obrazkowego tła. Wszelkie moje próby kończyły się przesunięciem względem krawędzi okna przeglądarki. To mój skromny kod

Kod:

@CHARSET "UTF-8";

body {
    background-color: #007f00;
    
    }

.napis_dol {
text-align: center;
font-family : Lucida Console;
   font-size : 18px;
   color : black;
   font-weight: bold;
  


    
}
#img       <- To jest to tło
    {
        position: absolute;
        left: 17%;
        top: 0%;
        z-index: 1;
    }

#copyrajty        <- mój div
{
  
   position: absolute;
   left: 50%;
   top: 95%;
   z-index: 2;

}

Dodam, że używam css jako zewnętrzny plik *.css więc w tej formie prosiłbym o odpowiedź.

Pozdrawiam

[Pedro84]

Bo dla elementu nadrzędnego trzeba nadać position:relative;

[Polak149]

A widzisz! Coś się zaczęło dziać. Ba! Nawet działa, ale w tej chwili pojawił się kolejny problem. Mój div jest jakby cztery razy dłuższy i powoduje to rozciągnięcie się szerokości całej strony, przez co pojawia się suwak. Zrobiłem screena, żeby lepiej zrozumieć problem. W załączniku jest do pobrania. A kod zmienił się na taki:

Kod:

@CHARSET "UTF-8";

body {
    background-color: #007f00;
    
    }

.napis_dol {
font-family : Lucida Console;
   font-size : 18px;
   color : black;
   font-weight: bold;
  


    
}
#img
    {
        position: absolute;
        top: 0px;
        left: 170px;
        z-index: 1;
    }

#copyrajty {
  
   position: relative;
   left: 460px;
   top: 865px;
   z-index: 2;

}

[Kartofelek]

zle pociety lay.
div calosc : width okreslone, margin:0 auto; pozycja relatywna
copyright - pozycja absolutna, bootom:0
tresc w div calosc -> margin-bottom: wysokosc copyright

to jest standardowy lay, nie ma sensu kombinowac z pozycja zbsolutna oddzielnie dla bloku copyright

[Polak149]

zle pociety lay.
div calosc : width okreslone, margin:0 auto; pozycja relatywna
copyright - pozycja absolutna, bootom:0
tresc w div calosc -> margin-bottom: wysokosc copyright

to jest standardowy lay, nie ma sensu kombinowac z pozycja zbsolutna oddzielnie dla bloku copyright

A mógłbyś mi pokazać to w kodzie ew. przykład? Bo nie bardzo mogę się w tym połapać. Wiem, że jestem zielony i zawracam głowę, ale potrzebuje to zrobić, a wszelkie kursy jakie znalazłem nie mówią nic o layach

@EDIT
Dałem radę. Temat można zamknąć.