+- 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: [css] jak wyrownac tekst w pionie w divie (/thread-css-jak-wyrownac-tekst-w-pionie-w-divie)
[css] jak wyrownac tekst w pionie w divie - grzesiek77 - 21-12-2011
Jak w temacie? Kto pomoze?
RE: [css] jak wyrownac tekst w pionie w divie - Kartofelek - 21-12-2011
line-height:....px; lub padding-top:....px
RE: [css] jak wyrownac tekst w pionie w divie - grzesiek77 - 21-12-2011
No tak ale line height to chyba wysokosc przerwy miedzy wierszami? A jak to zrobic jak przypuscmy mam 3 wiersze tekstu w bloku o wysokosci 500px;
Ja wiem, ze jesli znam ilosc wierszy to moge to sobie okreslic jakas wartoscia i dac margin-top: 350px; i wyjdzie ze jest wyrownany do srodka w pionie. Ale gdy ilosc tekstu jest nieznana? W html bylo cos takiego jak valign=middle
RE: [css] jak wyrownac tekst w pionie w divie - Kartofelek - 21-12-2011
W css jest coś takiego jak padding-top, lub vertical-align. To drugie jednak działa nie tak jak ludzie mysla. A jak myslą? Że ustawią sobie valign-middle i dany element będzie środkował w sobie inne elemnenty (tak jak w Tabelach). Nie. Vertical-align centruje WZGLEDEM SIEBIE jakies elementy (czyli kilka obok siebie).
Twój problem jest bardzo znany w webmasterce i wynika z tego że nie ma czegoś takiego jak wysokość strony. Strona z założenia ma zajmować najmniej jak może. Dlatego właśnie wszystkie te stopki na samym dole ekranu itp to po prostu brak zrozumienia dla idei
Jak to rozwiązać?
Albo padding-top, albo line-height, albo okrywasz dany tekst elementem i wtedy line-height, a dla elementu dziecka go zerujesz. Albo co jest jednym z lepszych - ustawiasz wyswitlanie danego elementu jako "table-cell" i wtedy sobie robisz jak kiedys na tabelkach. Ale stare IE tego nie kupią, co dla niektórych niekumatych jest nie do przejścia (argument: nie chcę tracić 0.9% odwiedzających używających IE6, wolę stracić >20% używających tablety itp). Pamiętaj że to nie jest złe podejście. Bo równie dobrze możesz dać dla DIV wyświetlanie typu inline.
Powiem ci szczerze że ja skrupulatnie po prostu unikam takich sytuacji. Dobre layouty nie mają takich miejsc. Wiem że to głupio brzmi, ale tak już jest
RE: [css] jak wyrownac tekst w pionie w divie - grzesiek77 - 21-12-2011
dzieki za kolejna pomoc
RE: [css] jak wyrownac tekst w pionie w divie - Kartofelek - 18-01-2012
Swoją drogą opisane powyżej działanie można nagiąć aby uzyskać centrowanie względem rodzica
http://www.brunildo.org/test/img_center.html
Ot taka sztuczka