Autor Zpráva
Aslanex
Profil *
Dobrý den,
vůbec nemám ponětí, proč toto nefunguje.
  <body style="display: table; width: 100%; height: 100%; margin: 0px;">
    <div style="display: table-cell; vertical-align: middle;">
      <img src="">
    </div>
  </body>
Chci, aby byl obrázek i div kolem vertikálně vycentrovaný. Nevíte?
Tady je originální stránka


Aj, už jsem to náhodou vyřešil.
Tělu je potřeba přiřadit position:absolute.
To je vše.
margin
Profil *
Aslanex:
Tělu je potřeba přiřadit position:absolute.
Pravděpodobně jsi narazil na problém se 100% výškou.

Jde to i jednodušeji:
<!DOCTYPE html>
<html style="display: table; width: 100%; height: 100%; margin: 0px; background-color: #E2FFE0;font-family: ubuntu,arial,sans;">
  <head>
    <meta charset="UTF-8">
    <title>Aslanexing Všechno, atd</title>
  </head>
  <body style="display: table-cell; vertical-align: middle; text-align: center;">
      <img src="/obrazky/uvodNahore.png" alt="Aslanexing Všechno, atd"><br><br>Stránky jsou stále ve výstavbě.
  </body>
</html>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0