За последние 24 часа нас посетили 17788 программистов и 1291 робот. Сейчас ищут 1687 программистов ...

Помогите отцентровать сайт по всем направлениям

Тема в разделе "HTML и CSS", создана пользователем mark2010, 7 фев 2011.

  1. mark2010

    mark2010 Активный пользователь

    С нами с:
    18 авг 2010
    Сообщения:
    80
    Симпатии:
    0
    Добрый день!

    Имеем http://gold-germetic.ru

    Всё нормально свёрстано, проблем нет. Но сайт открывается... как бы это сказать... ну в общем скролл находится вверху.. в смысле полоса прокрутки. А надо так, чтобы при загрузке, страничка автоматом промахивала пикселей на 200 вниз, причём всё это - кроссбраузерно и без применения скролла. Т.е. пользователь не должен видеть, что страница скроллится - она должна изначально загрузиться со смещением вниз.

    Что у меня:

    На основной блок:
    [css]
    #page
    {
    width:1920px;
    margin-left: -965px;
    left: 50%;
    position: relative;
    background-position: 50% 50%;
    }
    [/css]

    т.е. в
    HTML:
    1.  
    2. <div id="page">
    3. </div>
    4.  
    содержится вообще вся страница. И весь этот блок отцентрован по горизонтали. А надо чтобы был по абсолютному центру, и по Y и по Y

    Попробовал вот так:

    [css]
    #page
    {
    width:1920px;
    height: 1080px;
    margin-left: -965px;
    margin-top: -540px;
    left: 50%;
    top: 50%;
    position: relative;
    background-position: 50% 50%;
    }
    [/css]

    Как-то так, по аналогии... но это не вариант, поскольку картинка вверх уходит. Менять значения маргинов для top - помогло, но только для конкретного широкоформатного монитора. А надо чтобы на всех мониторах было по центру.
     
  2. freeneutron

    freeneutron Активный пользователь

    С нами с:
    11 июн 2009
    Сообщения:
    226
    Симпатии:
    3
    Попробуй сделать так (источник)
    HTML:
    1. <div id="page">
    2.     <script>$("#page").scrollTop(200);</script>
    3. </div>