Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Центрировать div (https://javascript.ru/forum/misc/40810-centrirovat-div.html)

_Alex9_ 20.08.2013 22:38

Центрировать div
 
Как можно вывести div с увеличенным z-index по центру страницы, если он имеет фиксированный размер ?

devote 20.08.2013 22:49

<style>
    div {
        position: absolute;
        z-index: 100;
        left: 50%;
        top: 50%;
        margin: -50px 0 0 -50px;
        width: 100px;
        height: 100px;

        border: 1px solid #000;
    }
</style>
<div>ololo</div>

danik.js 21.08.2013 00:06

<style>
    div {
        position: absolute;
        z-index: 100;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100px;
        height: 100px;
 
        border: 1px solid #000;
    }
</style>
<div>ololo</div>

рони 21.08.2013 00:13

Абсолютное горизонтальное и вертикальное центрирование

danik.js 21.08.2013 00:14

рони, мой код тебе ничего не напоминает?

рони 21.08.2013 00:23

danik.js,
:write: с вашими талантами и на свободе )))


Часовой пояс GMT +3, время: 16:21.