Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] Przesunięcie zawartości div do dołu
chfast
post 25.04.2004, 11:25:10
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...


--------------------
pozdrawiam, chfast
Go to the top of the page
+Quote Post
Zajec
post 25.04.2004, 12:06:32
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]
Go to the top of the page
+Quote Post
Paul
post 25.04.2004, 12:15:13
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
Go to the top of the page
+Quote Post
chfast
post 25.04.2004, 12:17:56
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.


--------------------
pozdrawiam, chfast
Go to the top of the page
+Quote Post
chfast
post 25.04.2004, 12:19:43
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 smile.gif


--------------------
pozdrawiam, chfast
Go to the top of the page
+Quote Post
Zajec
post 25.04.2004, 12:29:03
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 questionmark.gif Nie koniecznie.

Kod
align=center (poziom)

valign=bottom (pion)
Go to the top of the page
+Quote Post
Paul
post 25.04.2004, 12:29:17
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 smile.gif

ja do tej pory tego tak uzywam smile.gif - jest to dosc zrozumiale - v jak vertical
Go to the top of the page
+Quote Post
Dominik
post 25.04.2004, 12:30:26
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 %.


--------------------
Go to the top of the page
+Quote Post
Paul
post 25.04.2004, 12:31:08
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 questionmark.gif Nie koniecznie.

do tego cellspacing i cellpadding 0....
Go to the top of the page
+Quote Post
chfast
post 25.04.2004, 12:36:57
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 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.


--------------------
pozdrawiam, chfast
Go to the top of the page
+Quote Post
Dominik
post 25.04.2004, 13:09:27
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]


--------------------
Go to the top of the page
+Quote Post
chfast
post 25.04.2004, 13:29:46
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.


--------------------
pozdrawiam, chfast
Go to the top of the page
+Quote Post
Dominik
post 25.04.2004, 13:50:41
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 smile.gif bo wersje 5+ raczej dobrze sobie radza z absolute jedynie nie radza sobie calkowicie z fixed.


--------------------
Go to the top of the page
+Quote Post
chfast
post 25.04.2004, 14:15:05
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?


--------------------
pozdrawiam, chfast
Go to the top of the page
+Quote Post
Dominik
post 25.04.2004, 14:18:29
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...


--------------------
Go to the top of the page
+Quote Post
chfast
post 25.04.2004, 14:21:06
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


--------------------
pozdrawiam, chfast
Go to the top of the page
+Quote Post
chfast
post 25.04.2004, 14:27:39
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...


--------------------
pozdrawiam, chfast
Go to the top of the page
+Quote Post
Zajec
post 25.04.2004, 15:38:44
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.
Go to the top of the page
+Quote Post
chfast
post 25.04.2004, 15:47:45
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


--------------------
pozdrawiam, chfast
Go to the top of the page
+Quote Post
Dominik
post 25.04.2004, 16:17:49
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.


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 2.05.2025 - 06:16