<?xml version="1.0" encoding="UTF-8" ?><oembed><version>1.0</version><provider_name>Чудо{вищные} заметки</provider_name><provider_url>https://miracle.rpz.name</provider_url><author_name>MiRacLe</author_name><author_url>https://miracle.rpz.name/author/miracle/</author_url><title>center-vertically</title><html>Нашёл (скомпилировал кучу чужих заметок по этому поводу) простой (и вроде кросс-браузерный) способ позиционирования блока известных размеров в центр окна браузера средствами css.
&lt;pre class=&quot;css&quot;&gt;
div.valign-center {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -300px;  //где 300 - половина высоты блока
   margin-left: -500px; // 500 - соответственно половина ширины этого блока
}
&lt;/pre&gt;
Задача по сути простая (сложнее когда размеры неизвестны), но всё равно стандартным решением всегда была таблица с кучей лишних ячеек по краям блока.
Отличие от других способов, которые удалось найти в интернете - предлагалось использовать в &lt;a href=&quot;http://tom.me.uk/html-to-css/center-vertically.html&quot;&gt;качестве половины размера использовать 25%&lt;/a&gt;, но я не нашёл у себя ни одного браузера, в котором бы это работало.

Technorati Tags: &lt;a href=&quot;http://technorati.com/tag/web&quot; rel=&quot;tag&quot;&gt;web&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/dev&quot; rel=&quot;tag&quot;&gt;dev&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/css&quot; rel=&quot;tag&quot;&gt;css&lt;/a&gt;, &lt;a href=&quot;http://technorati.com/tag/center-vertically&quot; rel=&quot;tag&quot;&gt;center-vertically&lt;/a&gt;</html><type>rich</type></oembed>