[X] Помощник

[kazyavka Topic Starter]

левый блок уезжает вправо при уменьшении масштаба и из-за этого уезжает содержимое контента, так же при уменьшении уезжает текст меню вправо и переходит на новую строку

вот файл css

body {
             width: 1330px;
   hight:1451 px;
   margin:0 auto;
            font-family: Trebuchet MS, Arial, Times New Roman;
            font-size: 12px;
   z-index:0;
}
#container {
      
            background: #FFF; /*цвет контейнера макета*/
   margin: 0px 40px 0 40px;
        
            min-width: 1245px;
   hight:1051 px;
        
}
#header{
width: 1245px;
height: 401px;
background-color:#FFF; /*желтый*/
position: relative; z-index:10;
}
#blok {
margin:  20px 20px 10px 0;
float:left;
width:216px;
hight:650px;
background-image: url(menu/new.png);
background-repeat:no-repeat;
z-index:9;
}
#content{
width:790px;
hight:690px;
margin: 20px 10px 0 230px;
float: top;
background-image: url(menu/chika3.png);
background-repeat:no-repeat;
z-index:5;
}
#sidebar{
margin:  20px 0 0 0;
float:right;
width:216px;
hight:650px;
background-image: url(menu/partner.png);
background-repeat: no-repeat;
z-index:9;
}
#clear {
clear:both;
}
#footer{
background-image:url(menu/podval.png);
height: 90px;
width: 1245px;
z-index:8;
}

надо что бы выглядело так при любом масштабе

Эскизы прикрепленных изображений

 

[fedornabilkin]

сделай жесткий диз. вк вот не парится же. на больших мониторах смотрится не очень привлекательно и все равно там сидят

[webby_mw]

У Вас использована блочная верстка. А нужно использовать табличную верстку или гибридную - таблица+блоки. Если каждый блок (хедер, футер, левая и правая навигация, а также основной контент) будут заключены в свою собственную ячейку в таблице-каркасе, то ничего никуда сползать не будет.

сделай жесткий диз. вк вот не парится же. на больших мониторах смотрится не очень привлекательно и все равно там сидят

По картинкам видно, что у человека и так дизайн жесткий (с фиксированной шириной шаблона). При резиновом дизайне (шаблоне) во время уменьшения масштаба шаблон все равно продолжает занимать всю страницу по ширине - например как на этом форуме. Лучше посоветовать использовать табличную верстку вместо блочной.

[fedornabilkin]

использовать табличную верстку вместо блочной

табличная вроде как устаревший вариант.
у меня все сайты на блочной и ничего никуда не едет.

[isvetlichniy]

адаптивный дизайн нужен. автор много хочешь, чтобы и при 100% и при 25%!!!! сайт выглядел одинаково
верстай шаблон для мобильных устройств тогда уже

[fedornabilkin]

[member=isvetlichniy], очень категоричен, но так и есть на самом деле.
А яндекс-детектор поможет определить моб устройство или нет, кстати

[Гость_0_*]

У вас заданы фиксированные размеры для блоков. Если вы хотите выдержать дизайн при уменьшении разрешения - то вам нужно размеры блоков задавать в %. Но при этом учитывать, что все margins и paddings добавляются к ширине. Поэтому лучше сделать блоки-контейнеры в %, а в низ уже прописывать блоки с содержимым.

[Agriiii]

Дайте ссылку на сайт.

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.