Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Центрирование Div-а ч2 (https://javascript.ru/forum/jquery/33247-centrirovanie-div-ch2.html)

alex2012 15.11.2012 19:01

Центрирование Div-а ч2
 
Подскажите по этому коду

http://jsfiddle.net/9zwD4/707/

html

<button class="medium blue show" box="createUser">Создать</button>
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
  Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
<button class="medium blue show" box="createUser">Создать</button>
<div class="hiddenBlock" id="createUser">
    <form action="index.php" method="post">
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
          Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        Здесь следуют инпуты (не стал вписывать в примере)
        <button class="medium green">Создать2</button>
        <button class="medium blue close">Закрыть</button>
    </form>
</div>
<div id="bg"></div>

css

#bg {
    width:100%;
    height:100%;
    position:fixed;
    top:0;left:0;
    background:black;
    display:none;
    z-index:601; /* так получилось, что у меню в KickStart стоит z-index 600 */
    opacity:0.3;
}

.hiddenBlock {
    position:absolute;
    margin: 0 auto;
    top:20%;
    left:50%;
    z-index:602;
    width:400px;
    background:#efefef;
    border: 1px solid #ccc;
    padding:10px 20px;
    border-radius:10px;
    margin-left:-210px;
    display:none;
}


javascript
$(document).ready(function(){
    $(".show").click(function(){
        $("#bg").show();
        $("#"+($(this).attr("box"))).slideDown("fast");
    });
    $(".close").click(function(){
        $("#bg").hide();
        $(".hiddenBlock").slideUp("fast");
        return false; //чтобы не активировалась форма, в которой кнопка закрытия
    })
});


Подскажите как по нажатию на кнопку
<button class="medium green">Создать2</button>

отступ от верхнего края был точно такой как
как при нажатии
<button class="medium green">Создать</button>


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