Centriranje teksta u div-u

znaci sta napravit da tekst recimo u footeru visokom 100px
uvik bude u centru ako prominim visinu footera na recimo 150px.
jedna metoda je napravit tablicu visine footera sa jednim stupcom i redom
pa po defaultu tekst je uvik u centru, zanima me na neki drugi nacin preko css-a

Ako si siguran da ti se sadržaj neće lomiti u više redova, onda jednostavno stavi line-height vrijednost na visinu DIVa. Ovo podrazumijeva da unapred znaš i visinu DIVa. U suprotnom postoji nekoliko metoda, svaka sa svojim ograničenjima i prednostima:

http://www.student.oulu.fi/~laurirai/www/css/middle/

footer {
display: table-cell;
vertical-align: middle;
height: 100px;
}

[quote=“Riba”]Ako si siguran da ti se sadržaj neće lomiti u više redova, onda jednostavno stavi line-height vrijednost na visinu DIVa. Ovo podrazumijeva da unapred znaš i visinu DIVa. U suprotnom postoji nekoliko metoda, svaka sa svojim ograničenjima i prednostima:

http://www.student.oulu.fi/~laurirai/www/css/middle/
[/quote]
ovo radi odlicno…

[quote=“CreatifCode”]footer {
display: table-cell;
vertical-align: middle;
height: 100px;
}[/quote]
radi i ovo ali mi pomakne gornju marginu od footera…
uglavnom pokusava san prije sa vertical-alignom ali nije mi radilo vjerojatno zbog display: table cell?

Vertical align je property koji vrijedi samo za ćeliju tablice, točno… i za inline elemente ako se ne varam. Međutim mislim da se IE zagrcne na display: table-cell;


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja