VPF::минимальная ширина сайта - Форум программистов

dima_mak

Дата 24.7.2008, 18:09 (ссылка)

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

Загрузка ...

Программист любитель

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

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

Есть страничка с четырьмя основными слоями

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
<style type="text/css">
* {
 margin:0; padding:0;
 }
#left_col{
    position:absolute;
    background: url(shadow1px.gif) repeat-y right;
    margin-right: 6px;
        width:550px;
    left:0px;
    height:100%;
    float:left;
    }
#middleleft_col{
    position:absolute;
    right:400px;
    left:550px;
    background: url(shadow1pxleft.gif) repeat-y right;
    padding-right: 6px;
    weidth:400px;
    height:100%;
    float:left;
    }
#content{
        background: url(fon.gif) repeat;
        height:100%;
        padding-left: 6px;
}

#middleright_col{
    position:absolute;
    width:200px;
    right:200px;
    background: url(shadow1px.gif) repeat-y right;
    padding-right: 6px;
    height:100%;
    float:left;
    }
#right_col{
    position:absolute;
    right:0px;
    width:200px;
    height:100%;
    float:left;
    }
</style>
</head>

<body>
<div id="left_col">
        left middleleftm iddleleftmi ddleleftm iddleleftm iddleleftmi ddleleft middleleftmi ddleleftmi ddleleftmi ddleleft
</div>
<div id="middleleft_col">
    <div id="content">
        middleleft
    </div>
</div>
<div id="middleright_col">
        middleright
</div>
<div id="right_col">
    <div id="content">
        right
    </div>
</div>
</body>

</html>

Мне нужно, что бы при уменьшении размеров окна уменьшался только слой "middleleft_col" и если он становился меньше 20 пикселей, то появлялась прокрутка. Как это реализовать. Искал в нете готовы CSS шаблоны, но ничего похожего не нашел..

ДобренькийПапаша

Дата 25.7.2008, 07:26 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1278
Регистрация: 14.1.2006
Где: г.Москва

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

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

--------------------

Меня зовут Себастьян Парейра, торговец чёрным деревом.

NDenis

Дата 25.7.2008, 13:07 (ссылка)

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

Загрузка ...

Опытный

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

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

для нормальных браузеров и IE7 - min-width
для IE6 - expression

Цитата

weidth:400px; /* width:400px; правильно */

повнимательнее, чтобы не было мучительно больно искать такую ошибку

Это сообщение отредактировал(а) NDenis - 25.7.2008, 13:08

dima_mak

Дата 25.7.2008, 13:15 (ссылка)

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

Загрузка ...

Программист любитель

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

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

спасибо, исправил.

dima_mak

Дата 26.7.2008, 13:27 (ссылка)

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

Загрузка ...

Программист любитель

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

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

послушался совета с другого форума и сделал релатив позицию и ширину по процентам....

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