Jedno słowo na całą podstronę na środku


(pain3hp) #1

chcę osiągnąć efekt aby jedno słowo napisać na samym środku pola widocznego w przeglądarce (centrum pola strony, nie centrum okna przeglądarki). Czyli pole bez wszystkich pasków narzędzi itp. Czy jest może taka opcja w js aby uzyskać jakoś rozmiar pionowy? bo rozumiem że w poziomie osiągam środek ekranu zwyczajnym

margin: auto;

dzięki za pomoc... -- Dodane 11.07.2010 (N) 17:15 -- przepraszam, nie wystarczy samo margin: auto lecz

text-align: center;

jednak jest to tylko środkowanie poziome a chodzi mi o pion i poziom


(Scofield111) #2

A próbowałeś:

vertical-align

http://www.kurshtml.boo.pl/css/vertical-align,css.html


(pain3hp) #3

a co dla h1, p itp

-- Dodane 14.07.2010 (Śr) 10:34 --

(nie działa)


(Mathew) #4

Nadaj atrybutom h1,p itp. display: block


(Miroslaw2812) #5

Sprawdź ten kod. Zmień tylko wartości atrybutów height -> #text oraz width -> #content w zależności od swoich wymagań. Blok #content jest wyśrodkowany i ma przypisaną pewną szerokość treści, do której dostosuje się blok #text. #text jest dodatkowo wyświetlany jako komórka tabeli dzięki czemu można użyć do niego atrybutu vertical-align: middle (wyśrodkowanie w pionie).

CSS:

#text {

	height: 550px;

	text-align: center;

	display: table-cell;

	vertical-align: middle;

}


#content {

	width: 150px;

	margin: 0 auto;

}

HTML:

Wejdź na stronę

[/code]


(Sitemaster) #6

Tak jak napisał miroslaw2812, aby wycentrować w pionie trzeba użyć display: table-cell; - można to zrobić jeszcze inaczej - zewnętrznemu dać display:table; a wewnętrznemu display: table-cell;

Jeżeli wycentrowana ma być tylko jedna linijka, można też użyć line-height:X; np.

#centruj {

 border:1px solid green;

 text-align: center;

 vertical-align: middle;

 line-height:200px;

}

Wejdź na stronę
[/code]