CSS позиция при изменении размера браузера - PullRequest
Новая
       1

CSS позиция при изменении размера браузера

0 голосов
/ 27 ноября 2011

При изменении размера браузера я заметил, что все элементы неуместны и макет сайта искажается.Это также происходит при низком разрешении.

Это потому, что я использовал position:relative;?Как сделать так, чтобы элементы страницы не перемещались с их позиции при изменении размера. 

body{
    background:url(../img/bg-silver.jpg) #F2F2F2;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; line-height:18px; color:#636363;
    margin-top:10%;
}
#containerHolder {
    background: #eee;
    padding: 5px;
    position:relative;

}


#container {
    background: #fff;
    background:rgba(245,245,245,0.8);
    border: 1px solid #ddd;
}

#main {

    margin: 0 0 0 20px;
    padding: 0 19px 0 0;
}

Ответы [ 2 ]

1 голос
/ 27 ноября 2011

Это обычно происходит только с float с. В любом случае, что вы хотите сделать, это создать div обертки с нужной вам шириной, а затем просто установить переполнение для прокрутки:

HTML: 

<body>
    <div id="wrapper">
        <!-- content here -->
    </div>
</body>

CSS: 

#wrapper {
    width:980px;
    overflow-x:scroll;
}
1 голос
/ 27 ноября 2011

Невозможно определить, не увидев HTML-код, но использование стиля css "min-width" на внешнем контейнере (какой бы элемент ни был) должно решить проблему.

...