Div w div'ie 'przyklejony' na dole

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

Div w div'ie 'przyklejony' na dole

zietek Zobacz profil	29.01.2008, 17:48:59 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 ? [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <title></title> </head> <body> <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> <div style="margin:10px 10px 50px 10px"> <input type="button" value="up" onclick="document.getElementById('d1').style.height='100px'"> <input type="button" value="down" onclick="document.getElementById('d1').style.height='150px'"> </div> <!-- taki efekt wizualny jak ponizej chce osiagnac ---> <div id="d2" style="width:300px;height:150px;background-image:url(http://dwiestronyksiezyca.blox.pl/resource...ound-position:0 bottom"></div> <div style="margin:10px 10px 50px 10px"> <input type="button" value="up" onclick="document.getElementById('d2').style.height='100px'"> <input type="button" value="down" onclick="document.getElementById('d2').style.height='150px'"> </div> </body> </html> [HTML] pobierz, plaintext

Odpowiedzi

zietek Zobacz profil	29.01.2008, 22:53:35 Post #2
Grupa: Zarejestrowani Postów: 34 Pomógł: 1 Dołączył: 25.12.2007 Ostrzeżenie: (0%)	probowalem bottom:0;margin-bottom:0; na div'ie wewnetrzym - nie daje rezultatu. Z recznym przewijamiem w dol.... wolalbym wymusic jakos za pomoca css, a sterowac jedynie wysokoscia div'a nadrzednego. Docelowo chcialbym osiagnac efekt jak menu po lewej na stronie http://docs.mootools.net/ Zatem przy plynnym rozciaganiu komorki nadrzednej nie jest za wygodnie sterowac scrollem podrzednej, chociaz w ostattecznosci bede do tego zmuszony. Jezeli jednak ktos by znal jakies prostrze rozwiazanie to prosze o pomoc. Ten post edytował zietek 29.01.2008, 22:54:42

arecki Zobacz profil	30.01.2008, 18:42:35 Post #3
Grupa: Zarejestrowani Postów: 222 Pomógł: 35 Dołączył: 6.02.2005 Ostrzeżenie: (0%)	Cytat(zietek @ 29.01.2008, 22:53:35 ) Docelowo chcialbym osiagnac efekt jak menu po lewej na stronie http://docs.mootools.net/ Masz nawet URL w którym pokazane jest jak to zrobić i się pytasz jak (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Ja nic z tego nie kapuje (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) . Prosto się niestety nie da. Musisz odrobinę więcej niż sam CSS użyć (oczywiście mogę się mylić, gdyż nigdy w szkole nie byłem prymasem (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ) Ten post edytował arecki 30.01.2008, 18:43:10

Posty w temacie

zietek Div w div'ie 'przyklejony' na dole 29.01.2008, 17:48:59

Toadstyle troche to nieczytelne probowales bottom:0;margin-b... 29.01.2008, 20:11:51

arecki Ostatnio ktoś miał problem ze scrollowaniem DIVa d... 29.01.2008, 20:22:56

zietek probowalem bottom:0;margin-bottom:0; na div'ie... 29.01.2008, 22:53:35

arecki Cytat(zietek @ 29.01.2008, 22:53:35 )... 30.01.2008, 18:42:35

zietek ok, udalo sie: [HTML] pobierz, plaintext <!DOC... 30.01.2008, 19:55:38

« Następny starszy · CSS · Następny nowszy »

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 · Przełącz na: Linearny+ · Drzewo

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

Aktualny czas: 27.12.2025 - 22:29

Hosting zapewnia