Chcę umieścić element <div>
(lub <table>
) na środku ekranu, niezależnie od rozmiaru ekranu. Innymi słowy, przestrzeń po lewej stronie „na górze” i „na dole” powinna być równa, a przestrzeń po lewej stronie po stronie „prawej” i „lewej” powinna być równa. Chciałbym to osiągnąć tylko za pomocą CSS.
Próbowałem wykonać następujące czynności, ale nie działa:
<body>
<div style="top:0px; border:1px solid red;">
<table border="1" align="center">
<tr height="100%">
<td height="100%" width="100%" valign="middle" align="center">
We are launching soon!
</td>
</tr>
</table>
</div>
</body>
Uwaga:
tak czy inaczej jest w porządku, jeśli <div>
element (lub <table>
) przewija się wraz ze stroną internetową, czy nie. Po prostu chcę, aby był wyśrodkowany podczas ładowania strony.