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

Dla specjalistów Webmastering
#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

#2

A próbowałeś:

vertical-align

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

#3

a co dla h1, p itp

– Dodane 14.07.2010 (Śr) 10:34 –

(nie działa)

#4

Nadaj atrybutom h1,p itp. display: block

#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]

#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]