Forum PHP.pl > [CSS] Div w Divie, pozycjonowanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] Div w Divie, pozycjonowanie

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Derwu

8.07.2009, 01:27:49

Witam,

Mam dwa div'y. Jeden jest większy. a drugi mniejszy. Mniejszy div zawiera się w większym. Duży div wypełniony jest tekstem, a mały div ma tylko obrazek jako tło (ten div to dekoracja pola tekstowego). Chciałbym aby mały div znajdował się w prawym dolnym rogu większego div'a i jednocześnie za tekstem.

Proszę o jakąś solucję, bo nic działającego nie znalazłem.

Pozdrawiam.

sebekzosw

8.07.2009, 03:14:24

O takie coś chodzi??:

[HTML] pobierz, plaintext 
<style type="text/css">
		#maly {
			position: absolute;
			width:230px;
			height:79px;
			background:url(http://forum.php.pl/style_images/1/logo4.gif) no-repeat;
			right: 0%;
		}
	</style>
 
<div id="duzy">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet nisi arcu, ut fringilla justo. Nulla porta euismod scelerisque. Aliquam erat volutpat. Nullam vitae turpis vitae elit posuere hendrerit. Donec consectetur quam eget nulla gravida in tristique arcu imperdiet. Ut elit massa, ultricies sed tempor non, mollis nec diam. Ut enim nibh, lacinia non interdum ut, rhoncus in lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec pretium congue ultrices. Etiam hendrerit molestie sem ut feugiat. Donec ut ipsum nec lacus faucibus ultricies. Nam ullamcorper ornare sem quis scelerisque. Fusce ut tortor id ligula placerat pharetra nec eget elit. Nulla consequat mi est, at cursus ipsum. Nam commodo mauris id sapien vestibulum feugiat consectetur tellus tempus. Nam sed orci quis est vestibulum placerat vel interdum enim. Suspendisse velit neque, feugiat id ornare nec, fermentum et risus. Vestibulum non dui augue, sit amet semper nisi. Nullam rhoncus pretium mi, vitae fermentum mi facilisis sit amet.
    <div id="maly"></div>
</div>
[HTML] pobierz, plaintext

athei

8.07.2009, 06:33:53

Chyba raczej chodzi o to:

[HTML] pobierz, plaintext 
#maly {
  position: absolute;
  width:230px;
  height:79px;
  background:url(http://forum.php.pl/style_images/1/logo4.gif) no-repeat;
  bottom: 0%;
  right: 0%;
  z-index:-1;
}
#duzy {
  position: relative;
  z-index:0;
}
[HTML] pobierz, plaintext

sebekzosw

8.07.2009, 08:22:39

[HTML] pobierz, plaintext 
z-index:0;
[HTML] pobierz, plaintext

moim zdaniem nie jest potrzebne

Derwu

8.07.2009, 09:13:21

athei dzięki.

Dokładnie takie jest rozwiązanie.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.