Absolutne centrowanie pionowe w HTML (nawet bez CSS)
·131 words·1 min
blog.dsinf.net
html
Długo można szukać w sieci odpowiedzi na pytanie “jak wycentrować tekst w pionie?”.
A rezultat? Mijaki na statyczny tekst, super skrypty korzystające z jQuery do zmiany marginesów, nieładne cosie oparte na table-cell (
http://stackoverflow.com/questions/4180594/vertical-centering-of-a-horizontal-scrolling-div), top: 50%; (
http://www.werockyourweb.com/css-vertically-horizontally-center)…
podczas gdy istnieje rozwiązanie, może mniej eleganckie ale zato skuteczne i działające nawet w IE - tabelka.
Brzmi jak wstęp do starożytnej szkoły HTMLa (no dobra - średniowiecznej, bo w starożytności uczono frame’ów), czyż nie?
Jak wygląda kod wycentrowania napisu na całą stronę (np. komunikat błędu, strona zastępcza itp.)? A tak:
<table height="100%" width="100%">
<tr>
<td align="center">
coś, co ma być w środku
</tr>
</td></table>
</body>
</html>
<p>
Przykład (odpowiednio zmiejszony + border):
</p>
<table style="width: 100px !important; height: 100px !important; border: 1px solid black !important; ">
<tr>
<td align="center">
napis</tr>
</td>
</table>