[CSS] opływanie obrazka, diva, który jest bottom right Opcje

[runner]

Cześć

Mam problem i nie mogę sobie z tym poradzić,...do rzeczy

mamy diva "kontener"... do którego ładowany jest div "obrazek" (tlo obrazek jest : bottom right) wczytywany jest również tekst który ma opływać ten pozycjonowany obrazek. poniższy przykład przedstawia mniej więcej powyższy opis.

[HTML] pobierz, plaintext 
 
<div class="kontener">
<div class="obrazek"><p>jakis tam tekst</p></div>
</div>
 
 
 
teraz css
 
.kontener
{
width:508px;
height:458px;
margin-left:auto;
margin-right:auto;	
 
}
 
.obrazek {
width:508px;
height:458px;
background-image:url(images/wet.jpg);
background-repeat:no-repeat;
background-position:right bottom;
}
[HTML] pobierz, plaintext 

TERAZ moje pytanie co zrobić aby ten tekst opływał ten obrazek co jest (i musi być) w prawym dolnym rogu diva "kontener"
w tej chwili tekst przykrywa obrazek, a nie o to mi chodzi...


próbowałem już wstawiać poprzez img ale nadal nie mogę osiągnąć oczekiwanego efektu

[thek]

Jeśli jest tak jak teraz (jako background) to musisz wrzucić dodatkowy div idealnie nad obrazkiem, który zablokuje wpływanie tekstu na tło, dla mnie bezsens, bo nie po to powstały tła (IMG:style_emoticons/default/winksmiley.jpg) Jeśli robisz osobny img, czyli sensowniejsze tu rozwiązanie, to nadajesz kontenerowi pozycjonowanie relatywne, obrazkowi absolutne i możesz się bawić.

[runner]

Jeśli jest tak jak teraz (jako background) to musisz wrzucić dodatkowy div idealnie nad obrazkiem, który zablokuje wpływanie tekstu na tło, dla mnie bezsens, bo nie po to powstały tła (IMG:style_emoticons/default/winksmiley.jpg) Jeśli robisz osobny img, czyli sensowniejsze tu rozwiązanie, to nadajesz kontenerowi pozycjonowanie relatywne, obrazkowi absolutne i możesz się bawić.

zrobiłem twoją drugą wersję i mi nie działa

.kontener{
width:508px;
height:458px;
position:relative;
}

<div class="kontener"><p>jakis tam tekst</p>
<img src="obrazek.jpg" width="150" height="224" align="right " style="position:absolute;" alt="obrazek"/>
</div>