[HTML][CSS] Problem z tłem.

[Pluto]

Witam, potrzebuję nałożyć dwa obrazki na siebie. Jeden z nich jest to tło, a drugi to header.
Tylko mam problem, że gdy chcę umieścić na sobie te dwa obrazki to układają się jeden poniżej drógiego.
Czy da się wogule nałożyć na siebie dwa obrazki i je ułożyć?

[Kartofelek]

margin-top-....px
lub
position:relative dla diva-rodzica a dla dzieci position:absolute; top:0; left:0

[mateo]

Jest jeszcze inne rozwiązanie, jedno tło ustawiasz jako tło diva a drugie jako obrazek w tym divie lub div w divie.

[Pluto]

Jeżeli ustawie position:absolute to strona nie bedzie uniwersalna dla róznych rozdzielczości.

[mateo]

Jeżeli ustawie position:absolute to strona nie bedzie uniwersalna dla róznych rozdzielczości.

Jeśli ustawi absolute dla elementu w divie to się twoja przepowiednia nie sprawdzi

[Pluto]

Jeśli ustawi absolute dla elementu w divie to się twoja przepowiednia nie sprawdzi

Już to przerabiałem. Przy ustawianiu position:absolute trzeba potem określić odległość od lewej krawędzi i góry bo tego wymaga ten atrybuj. I teraz jeżeli mam rozdzieloczść mojego monitora 1600x1050 to musze ustawić około 400px i gdy zmienie rozdzielczość na np 1024x768 to też to przesunie sie o 400px i jeżeli wszystko tak ustawie to zostanie po prawej pusty pasek.

[mateo]

Jeśli ustawi absolute dla elementu w divie to się twoja przepowiednia nie sprawdzi

Już to przerabiałem. Przy ustawianiu position:absolute trzeba potem określić odległość od lewej krawędzi i góry bo tego wymaga ten atrybuj. I teraz jeżeli mam rozdzieloczść mojego monitora 1600x1050 to musze ustawić około 400px i gdy zmienie rozdzielczość na np 1024x768 to też to przesunie sie o 400px i jeżeli wszystko tak ustawie to zostanie po prawej pusty pasek.

Mylisz się skoro stworzysz diva o szerokości 1000px, nadasz mu position:relative i w tym divie wstawisz element z position:absolute i left:200px to ten element będzie odsunięty o 200px od lewej krawędzi diva a nie okna przeglądarki.

[Pluto]

I jest dokładnie tak jak opisałem. Chyba, że błąd jest w moim kodzie.

HTML

Kod:

<div id=background_1>
        <a><img src="themes/web/images/background_1.png"</a>
</div>



<div class="logo">

            <a href="home/" title=""><img src="themes/web/images/logo_1.png"></a>
        </div>

CSS

Kod:

#background_1 { margin: 0 0 0 330px; width: 1020px; position:absolute ;top:0; }
.logo {width:661px ; height:110px;  margin:20px 0 0 370px ; position:relative}

[Ancik]

Witaj,

Podaj link do strony, bo nie do końca rozumiem o co ci chodzi i po co tyle kombinowania. To jest cały twój kod? Dlaczego nie wstawiłeś diva background wewnątrz diva logo, tylko jeden pod drugim?

I jest dokładnie tak jak opisałem. Chyba, że błąd jest w moim kodzie.

Jest tak jak opisałeś ale dlatego, że obecnie pozycjonujesz ten kontener absolutnie względem body, z uwagi na to, że w obecnej sytuacji .logo nie jest rodzicem #background_1. Jeżeli oba te divy nie są ze sobą strukturalnie powiązane, position: absolute nie zdaje się tu na nic.

Pozdrawiam.

[Pluto]

No niestety nie moge podać linku do strony ponieważ robie to na lamp-ie.