Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Div w div'ie 'przyklejony' na dole
zietek
post
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 1
Dołączył: 25.12.2007

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


Witam, probuje osadzic diva wewnetrznego w divie zewnetrzym tak aby ich dolne krawedzie zawsze sie pokrywaly. Chodzi o to ze przy zmianie wysokosci diva zewnetrznego zawsze widzimy dol diva wewnetrzengo.
Aby to latwiej sobie wyobrazic zrobilem przyklad z backgroundem. Efekt taki sam jak chce osiagnac, ale z wewnetrzna trescia...
Da sie to jakos osiagnac ?

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <head>
  3. </head>
  4. <body>
  5.  
  6. <div id="d1" style="position:relative;overflow:hidden;width:300px;height:150px;background-color:#AAAAAA"><div style="position:relative">a<br/>b<br/>a<br/>b<br/>a<br/>b<br/>a<br/>b<br/>a<br/>b<br/>a<br/>b<br/></div></div>
  7.  
  8. <div style="margin:10px 10px 50px 10px">
  9. <input type="button" value="up" onclick="document.getElementById('d1').style.height='100px'">
  10. <input type="button" value="down" onclick="document.getElementById('d1').style.height='150px'">
  11. </div>
  12.  
  13. <!-- taki efekt wizualny jak ponizej chce osiagnac --->
  14.  
  15. <div id="d2" style="width:300px;height:150px;background-image:url(http://dwiestronyksiezyca.blox.pl/resource...ound-position:0 bottom"></div>
  16.  
  17. <div style="margin:10px 10px 50px 10px">
  18. <input type="button" value="up" onclick="document.getElementById('d2').style.height='100px'">
  19. <input type="button" value="down" onclick="document.getElementById('d2').style.height='150px'">
  20. </div>
  21.  
  22. </body>
  23. </html>
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 26.12.2025 - 16:21