выравнивание слоя по вертикали

Kos87 · May 21, 2012

Сделал выравнивание слоя по центру (вертикально/горизонтально). Но появилась проблема, когда высота окна браузера становится меньше 700px, слой начинает "сьедатся" браузером сверху и снизу.

Как это можно устранить?

Буду благодарен за совет.

сайт в архиве


html{
    height: 100%;
    margin: 0;
    padding: 0;
}

body{
    font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif;
    margin: 0;
    padding: 0;
    background-color:#fff;
    height: 100%;
    min-width: 1000px;
    min-height: 700px;
}

#content_wrap{
    height: 700px;
    width: 1000px;
    margin: auto;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -350px;
    background-color: #0033FF
}

.cloud_first, .cloud_next{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.cloud_next{
    margin-top: -700px; /* высота блока main_wrap */
}


<body>
    <div id="content_wrap">
        <div class="cloud_first">
            <a href="1">
                <img style="position: relative; left: 700px" src="diz/cloud/bronedveri.png" alt="" width="300px" border="0" />
            </a>
        </div>
        <div class="cloud_next">
            <a href="2">
                <img style="" src="diz/cloud/bronedveri.png" alt="" width="300px" border="0" />
            </a>
        </div>
    </div>
</body>

Avalon4eg · May 21, 2012

http://forum.htmlbook.ru/index.php?showtopic=28411

Sign In

выравнивание слоя по вертикали

Question

Kos87

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Avalon4eg

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information