Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Div na samym dole div'a. - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Div na samym dole div'a. (/thread-div-na-samym-dole-div-a)



Div na samym dole div'a. - Zikerek - 30-06-2010

Wiec tak, moj problem polega na tym, iz mam div:

Kod:
#contentField
{
position:relative;
top:5px;
width:757px;
min-height:400px;
}

i w nim chcialbym wypozycjonowac kolejny div, ktory bylby na samym dole tego.

jezeli posluze sie pozycjonowaniem relatywnym to wszystko jest okej, jezeli tresc strony jest wyzsza niz 400px, jezeli tresci jest mniej to owy div laduje pod trescia i nie jest na dole kontenera. Jezeli uzyje natomiast pozycjonowania absolutnego to i owszem, moj div laduje na dnie kontenera, ale strona sie nie rozciaga i jezeli tresc ma wiecej niz 400px wysokosci to nachodzi on na tresc. Czy zna ktos moze jakies posrednie rozwiazanie problemu?

Z gory dziekuje.


RE: Div na samym dole div'a. - Pedro84 - 01-07-2010

Pokaż url.


RE: Div na samym dole div'a. - Zikerek - 01-07-2010

Niestety wszystko mam na kompie poki co ;p ale dzieki za pomoc, juz sobie 'w sumie' poradzilem, tj. zrobilem dwie klasy ktore nadaje w zaleznosci od tresci strony, malo wygodne, ale spieszylo mi sie.


RE: Div na samym dole div'a. - Pedro84 - 01-07-2010

Smile Czasem tak warto, nawet łopatologicznie, byle działało, oczywiście o ile jest to metoda poprawna. Pzdr


RE: Div na samym dole div'a. - Kartofelek - 01-07-2010

ŁAPOTOLOGIA:

A)
Kod:
<div id=content padding-bottom:100>
...tresc...
<div footer pozycja:absolutna; bottom:0></div>
</div>

B)
Kod:
<div id=content>
<dic id=tresc margin-bottom:100>...tresc...</div>
<div footer pozycja:absolutna; bottom:0></div>
</div>

+ odpowiednio stosowany overflow:hidden

Dziękuję za uwagę Big Grin