Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Pozycjonowanie warstw na sobie
husky83
post
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 8.12.2005
Skąd: Gliwice

Ostrzeżenie: (0%)
-----

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?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 1)
zegarek84
post
Post #2





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

Ostrzeżenie: (0%)
----- 

[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ą...
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 17:22
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn