Skip to main content
  1. Posts/
  2. blog.dsinf.net/

Absolutne centrowanie pionowe w HTML (nawet bez CSS)

·131 words·1 min
blog.dsinf.net html
Daniel Skowroński
Author
Daniel Skowroński

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>