Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pozycjonowanie warstw na sobie
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
husky83
11.02.2010, 13:08:54
Mam coś takiego:
[HTML] pobierz, plaintext 
  1. <style>
  2. #warstwa
  3. {
  4.     width:200px;
  5.    height:200px;
  6. } 
  7. img{
  8.   width:100%; 
  9.   height:100%;
  10. }
  11. #mini {
  12. position:absolute;
  13. ?
  14.  
  15. } 
  16.  
  17.  
  18. </style>
  19. <div id=warstwa><img src='..'><div id=mini></div></div>
[HTML] pobierz, plaintext

To oczywiście jest w dużym przybliżeniu...
Pytanie brzmi: co trzeba wpisać w mini, żeby warstwa znajdowała się z prawej strony na dole, ale NA obrazku IMG (czyli po prostu po prawej na dole warstwy warstwa).

Kombinowałem na różne sposoby, teoretycznie nawet mi sie udało, ale w IE kompletnie w innym miejscu to było :/

jakie jest uniwersalne rozwiązanie dla wszystkich przeglądarek?
zegarek84
11.02.2010, 13:44:17 
[HTML] pobierz, plaintext 
  1. <html><head><style>
  2. #warstwa
  3. {position:relative;
  4. padding:0px;
  5.     width:200px;
  6.    height:200px;
  7. } 
  8. #warstwa img{margin:0px;
  9.   width:100%; 
  10.   height:100%;
  11. }
  12. #warstwa #mini {
  13. position:absolute;
  14. bottom:0px;
  15. right:0px;
  16. margin:0px;
  17.  
  18.     width:30%;
  19.    height:30%;
  20. background-color:blue;
  21.  
  22. } 
  23.  
  24.  
  25. </style></head>
  26. <body>
  27. fest
  28. ew te
  29.  tr
  30. rew t
  31. ewr
  32.  t
  33. rew
  34. t e
  35. rw t
  36. <div id=warstwa><img src='http://www.excelforum.pl/images/avatars/gallery/=rozne=/01rozne017.gif'><div id=mini> gklfdhg slfghfdl skg</div></div>
  37. </body></html>
[HTML] pobierz, plaintext

powinno działać aczkolwiek nie sprawdzałem pod IE gdyż nie mam pod ręką...
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.