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...
Pełna wersja: [css] Przesunięcie zawartości div do dołu
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]
[xml:1:fce65e93f2]<table>
<tr><td align=bottom>
a
</td></tr>
</table>[/xml:1:fce65e93f2]
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
tu specjalnie nic nie pisze....
:arrow: http://web.reporter.pl/html/a/align.php
:arrow: http://web.reporter.pl/html/a/valign.php
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]
[xml:1:68d8d5007d]<table>
<tr><td align=bottom>
a
</td></tr>
</table>[/xml:1:68d8d5007d]
Jakiś sposób to jest, ale brzydko wygląda.
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
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
Cytat
Jakiś sposób to jest, ale brzydko wygląda.
Jeśli dasz border=0
Nie koniecznie.
Kod
align=center (poziom)
valign=bottom (pion)
valign=bottom (pion)
Cytat
align jest do poziomu, a valign do pionu. Przynajmniej kiedyś tak było
ja do tej pory tego tak uzywam
- jest to dosc zrozumiale - v jak vertical
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 %.
[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 %.
Cytat
Jeśli dasz border=0 Nie koniecznie.
Nie koniecznie.do tego cellspacing i cellpadding 0....
Cytat
Cytat
Jakiś sposób to jest, ale brzydko wygląda.
Jeśli dasz border=0
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.
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]
Internet Explorer źle wyświetla elementy w pozycji absolutnej.
Cytat
Internet Explorer źle wyświetla elementy w pozycji absolutnej.
Chyba piszesz o wersji 3.0
bo wersje 5+ raczej dobrze sobie radza z absolute jedynie nie radza sobie calkowicie z fixed.
Jak daje absolute w divie to on wskakuje nad następnego diva. To chyba nie jest normalne?
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...
Mówie o swoim napisanym na podstawie twojego. Sprawdze dokładnie twój... Chwila
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...
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...
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.
Znalazłem takie strony:
http://www.aspekt1.net/ms/dev/vertical-align.html
http://css-discuss.incutio.com/?page=VerticalAlign
http://www.aspekt1.net/ms/dev/vertical-align.html
http://css-discuss.incutio.com/?page=VerticalAlign
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.