Перейти к содержимому



Левый блок уезжает вправо при уменьшении масштаба

#1 kazyavka
kazyavka
  • Неактивные
  • 9 сообщений
  • Репутация: 0
0

Обновлено 02 октября 2014 - 19:54  Отправлено 19 июля 2013 - 10:19

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

вот файл 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;
}

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

Прикрепленные изображения

  • вуаля.jpg
  • вуаля2.jpg

 

 

  • 0

#2 fedornabilkin
fedornabilkin
  • Модератор
  • 1 191 сообщений
  • Репутация: 206

Отправлено 19 июля 2013 - 15:08

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

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#3 webby
webby
  • Неактивные
  • 9 сообщений
  • Репутация: 0

Отправлено 19 июля 2013 - 18:25

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

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


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

#4 fedornabilkin
fedornabilkin
  • Модератор
  • 1 191 сообщений
  • Репутация: 206

Отправлено 19 июля 2013 - 19:52

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

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

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#5 isvetlichniy
isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 19 июля 2013 - 21:12

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

#6 fedornabilkin
fedornabilkin
  • Модератор
  • 1 191 сообщений
  • Репутация: 206

Отправлено 19 июля 2013 - 21:25

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

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#7 Гость_AllaWitte_*
Гость_AllaWitte_*
  • Гости

Отправлено 02 октября 2014 - 00:05

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


  • 0

#8 Agriiii
Agriiii
  • Неактивные
  • 378 сообщений
  • Репутация: 40

Отправлено 02 октября 2014 - 19:54

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


  • 0

robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 48 3 темы, 7 сообщений, 2 балла репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография SergiuS85
    #3

    SergiuS85
    Очков активности: 12 2 темы, 2 сообщения, 1 балл репутации

  • Фотография WGN
    #4

    WGN (worldgamenews.com)
    Очков активности: 12 1 тема, 5 сообщений, 1 балл репутации

  • Фотография Totti
    #5

    Totti
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Фотография kuztoday
    #6

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография Zevss
    #7

    Zevss (domles43.ru)
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Sale_account
    #8

    Sale_account
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Megoydagi
    #9

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография mkreine
    #10

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru