 [css] Przesunięcie zawartości div do dołu |
  |
| [css] Przesunięcie zawartości div do dołu |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 222 Pomógł: 0 Dołączył: 3.04.2003 Skąd: Wrocław Ostrzeżenie: (0%) 
 |
Witam.
Problem regulacji pionowego położenia zawartości diva już pojawiał się kilkakrotnie, ale nie widziałem jeszcze rozwiązania. Jak przesunąć zawartość diva do dołu? Ewentualnie można przesunąć całego diva... |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 086 Pomógł: 8 Dołączył: 10.12.2003 Ostrzeżenie: (0%)
|
Bo o ile wiem, takie rozwiązanie nie istnieje. Mi polecono zrobić tylko
[xml:1:fce65e93f2]<table> <tr><td align=bottom> a </td></tr> </table>[/xml:1:fce65e93f2] |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 636 Pomógł: 0 Dołączył: 22.10.2003 Skąd: Katowice Ostrzeżenie: (0%)
|
mam pytanie co jest poprawniejsze - align="bottom" czy valign="bottom"?
tu specjalnie nic nie pisze.... :arrow: http://web.reporter.pl/html/a/align.php :arrow: http://web.reporter.pl/html/a/valign.php |
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 222 Pomógł: 0 Dołączył: 3.04.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
Cytat Bo o ile wiem, takie rozwiązanie nie istnieje. Mi polecono zrobić tylko
[xml:1:68d8d5007d]<table> <tr><td align=bottom> a </td></tr> </table>[/xml:1:68d8d5007d] Jakiś sposób to jest, ale brzydko wygląda. |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 222 Pomógł: 0 Dołączył: 3.04.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
Cytat mam pytanie co jest poprawniejsze - align="bottom" czy valign="bottom"?
tu specjalnie nic nie pisze.... :arrow: http://web.reporter.pl/html/a/align.php :arrow: http://web.reporter.pl/html/a/valign.php align jest do poziomu, a valign do pionu. Przynajmniej kiedyś tak było (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 1 086 Pomógł: 8 Dołączył: 10.12.2003 Ostrzeżenie: (0%)
|
Cytat Jakiś sposób to jest, ale brzydko wygląda.
Jeśli dasz border=0 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Nie koniecznie. Kod align=center (poziom)
valign=bottom (pion) |
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 636 Pomógł: 0 Dołączył: 22.10.2003 Skąd: Katowice Ostrzeżenie: (0%)
|
Cytat align jest do poziomu, a valign do pionu. Przynajmniej kiedyś tak było (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
ja do tej pory tego tak uzywam (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) - jest to dosc zrozumiale - v jak vertical |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 339 Pomógł: 0 Dołączył: 17.06.2003 Skąd: Białystok Ostrzeżenie: (0%)
|
Co do wysrodkowania w pionie, to nie ma zwyklego zamiennika tak jak to jest w poziomie, poniewaz wynika to z wlasnosci bloku dlatego bez szczegolow trudno podac rozwiazanie ale moze taki przyklad Ci pomoze:
[xml:1:4be86b2a7a]<div style="height:300px;background-color:red; position:relative;"> <p style="position:relative; top:280px">Tekst na dole</p> </div>[/xml:1:4be86b2a7a] Mozesz posluzyc sie innymi jednostkami np %. |
|
|
|
|
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 636 Pomógł: 0 Dołączył: 22.10.2003 Skąd: Katowice Ostrzeżenie: (0%)
|
Cytat Jeśli dasz border=0 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Nie koniecznie.
do tego cellspacing i cellpadding 0.... |
|
|
|
|
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 222 Pomógł: 0 Dołączył: 3.04.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
Cytat Cytat Jakiś sposób to jest, ale brzydko wygląda.
Jeśli dasz border=0 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Nie koniecznie. Nie o to mi chodziło. Nie chce używać <table>. @ Dominik: Chodzi o to, że tekst, który chce przesunąć może mieć od 1 do 4 linijek. No i chciałem, żeby ostatnia linijka była zawsze na dole. Dlatego właśnie nie moge ustawić sobie marginesów lub podobnych rzeczy - nie znam wysokości tekstu. |
|
|
|
|
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 339 Pomógł: 0 Dołączył: 17.06.2003 Skąd: Białystok Ostrzeżenie: (0%)
|
Cytat Chodzi o to, że tekst, który chce przesunąć może mieć od 1 do 4 linijek. No i chciałem, żeby ostatnia linijka była zawsze na dole.
[xml:1:3d8c00fd5f]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Przyklad</title> <style type="text/css"> /*<![CDATA[*/ .dol{ bottom: 0px; position: absolute; } #caly{ height: 400px; position: absolute; } /*]]>*/ </style> </head> <body> <div id="caly"> <div>linijka 1</div> <div>linijka 2</div> <div class="dol">linijka 3<br /> linijka 4<br /> linijka 5</div> </div> </body> </html>[/xml:1:3d8c00fd5f] |
|
|
|
|
Post
#12
|
|
|
Grupa: Zarejestrowani Postów: 222 Pomógł: 0 Dołączył: 3.04.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
Internet Explorer źle wyświetla elementy w pozycji absolutnej.
|
|
|
|
|
Post
#13
|
|
|
Grupa: Zarejestrowani Postów: 339 Pomógł: 0 Dołączył: 17.06.2003 Skąd: Białystok Ostrzeżenie: (0%)
|
Cytat Internet Explorer źle wyświetla elementy w pozycji absolutnej.
Chyba piszesz o wersji 3.0 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) bo wersje 5+ raczej dobrze sobie radza z absolute jedynie nie radza sobie calkowicie z fixed. |
|
|
|
|
Post
#14
|
|
|
Grupa: Zarejestrowani Postów: 222 Pomógł: 0 Dołączył: 3.04.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
Jak daje absolute w divie to on wskakuje nad następnego diva. To chyba nie jest normalne?
|
|
|
|
|
Post
#15
|
|
|
Grupa: Zarejestrowani Postów: 339 Pomógł: 0 Dołączył: 17.06.2003 Skąd: Białystok Ostrzeżenie: (0%)
|
Ale mowisz o ktorym kodzie, o tym co Ci podalem czy o swoim? Jesli o tym Co Ci podalem to dziala pod 6.0 (na 99% powinno rowniez pojsc na 5.5) a jesli mowisz o jakims swoim to rzuc tym kodem i zobaczymy...
|
|
|
|
|
Post
#16
|
|
|
Grupa: Zarejestrowani Postów: 222 Pomógł: 0 Dołączył: 3.04.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
Mówie o swoim napisanym na podstawie twojego. Sprawdze dokładnie twój... Chwila
|
|
|
|
|
Post
#17
|
|
|
Grupa: Zarejestrowani Postów: 222 Pomógł: 0 Dołączył: 3.04.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
No dobra twój kod działa.
Tylko, że w moim kodzie div#cały ma jeszcze brata, i jak #cały jest absolute to zaczynają się dziwnie zamieniać miejscami i różne takie... |
|
|
|
|
Post
#18
|
|
|
Grupa: Zarejestrowani Postów: 1 086 Pomógł: 8 Dołączył: 10.12.2003 Ostrzeżenie: (0%)
|
Też by mi się przydało... czy jest takie coś wykonalne przy użyciu samych relative? Bo niestety nie mam szans na użycie absolute w przypadku mojej strony.
|
|
|
|
|
Post
#19
|
|
|
Grupa: Zarejestrowani Postów: 222 Pomógł: 0 Dołączył: 3.04.2003 Skąd: Wrocław Ostrzeżenie: (0%)
|
Znalazłem takie strony:
http://www.aspekt1.net/ms/dev/vertical-align.html http://css-discuss.incutio.com/?page=VerticalAlign |
|
|
|
|
Post
#20
|
|
|
Grupa: Zarejestrowani Postów: 339 Pomógł: 0 Dołączył: 17.06.2003 Skąd: Białystok Ostrzeżenie: (0%)
|
Cytat
Rozwiazania z tej strony polecam poniewaz tak naprawde to sa rowniez tabele. Przeciez <dowolny_znacznik style="display:table"> to dokladnie to samo co <table> a to ze akurat dowolnym znacznikiem jest div to tak naprawde to juz nie jest blok a tabela. |
|
|
|
|
|
Aktualny czas: 24.12.2025 - 15:11 |
