VPF::не передвижное содержимое - Форум программистов

g27

Дата 16.7.2009, 21:58 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

Здравствуйте. Как сделать что бы при уменьшении окна не перемешивалось содержимое сайта. Вот пример http://wandering.lhosting.info/, если уменьшить окно то всё летает, а я хочу что бы при уменьшении всё было на своих местах и появлялись полосы прокрутки. Спасибо.

Код


/*---------------------------------------------------------------Контент*/
#content {
    position:absolute;
    top:30%;
    width:100%;
    height:80%;
}
    /*---------------------------------------------------------------Левый контейнер*/
     #content #left_menu {
        float:left;
        width:15%;
        height:100%;
        border:0px solid gray;
        padding:10px 5px;
        text-align:center;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/yellow.png');
    }HTML>BODY #content #left_menu{width:13.9%;height:95.8%;}
        #content #left_menu #nav_left { 
            width:100%; 
            text-align:left;
            margin-bottom:20px;
        }
    /*---------------------------------------------------------------Центральный контейнер*/
    #content #center {
        position:relative;
        float:left;
        left:1%;
        width:65%;
        height:100%;
        padding:10px;
        border:0px solid gray;
        text-align:left;
        overflow:auto;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/white.png');
    }HTML>BODY #content #center{height:95.8%;}

Код



%%HEADER%%

<script type='text/javascript' src='%%URL%%js/stuHover.js'></script>
<div id='main_body'>
    <center id='top'>
        %%TOP_MENU%%
    </center>
    <div id='content'>
        <div id="left_menu">
            %%LEFT_MENU%%
        </div>
        <div id="center">
            %%CENTER%%
        </div>

    <center id='bottom'>
        %%BOTTOM_MENU%%
    </center>
</div>
%%FOOTER%%

bazzjr

Дата 17.7.2009, 10:12 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 460
Регистрация: 27.12.2007
Где: Россия, Пермь

Репутация: 2
Всего: 6

указывать width не в процентном % соотношении а в пикселлях рх

g27

Дата 17.7.2009, 10:23 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

спасибо, попробую

NDenis

Дата 17.7.2009, 10:52 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

g27, для #main_body укажите min-width.

g27

Дата 17.7.2009, 10:55 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 216
Регистрация: 29.9.2007
Где: Vilnius

Репутация: нет
Всего: нет

Всё работает, всем спасибо, выручили=)

Это сообщение отредактировал(а) g27 - 17.7.2009, 10:55

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »