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	30.01.2008, 19:55:38 Post #2
Grupa: Zarejestrowani Postów: 34 Pomógł: 1 Dołączył: 25.12.2007 Ostrzeżenie: (0%)	ok, udalo sie: [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 style="overflow:hidden;width:300px;border:1px solid #444444"><div id="d1" style="margin-top:-100px">a<br/>b<br/>c<br/>d<br/>e<br/>f<br/>g<br/>h<br/>i<br/>j<br/>k<br/>l<br/></div></div> <div style="margin:10px 10px 50px 10px"> <input type="button" value="up" onclick="document.getElementById('d1').style.marginTop='-150px'"> <input type="button" value="down" onclick="document.getElementById('d1').style.marginTop='-100px'"> </div> </body> </html> [HTML] pobierz, plaintext

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: 26.12.2025 - 20:40

Hosting zapewnia