Question

Как зафиксировать шапку сайта и левую часть сайта, чтобы они не прокручивались? Дизайн # 1080?

Answer 1

1. Фиксируем верхнюю часть сайта, перейти в таблицу стилей CSS строка номер 260, заменить на:

#top {
background: #515151;
box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.14);
width: 100%;
position: fixed;
}

добавлены стили - width: 100%; position: fixed;

Далее находим строку номер 415, заменяем на:

.b-logo {
float: left;
width: 280px;
padding: 35px 15px 25px;
margin-top: 30px;
text-align: center;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

добавил - margin-top: 30px;

Продолжаем, найти строку номер 439, заменить стили на:

.b-maincontent {
float: right;
width: 681px;
margin-top: 30px;
}

Добавил - margin-top: 30px;

2. Левую часть то есть первый контейнер фиксировать не рекомендую так как если у вас там много блоков, то вы увидите лишь первые несколько, остальные будут спрятаны за экраном и вы промотать вниз не сможете чтобы их увидеть.

Comments

Здравствуйте.  Подскажите, а с моим сайтом http://kenar-senja.ucoz.ru/, те же самые действия или что-то другое? Спасибо.

---

Марина Ааа, извините, а причем здесь ваш сайт ? вроде ответ для другого пользователя и шаблон совсем не тот же.

Если у вас есть вопрос, создавайте новый вопрос с детальным описание сути итд.

---

Спасибо большое, все получилось!!! А вот насчет левой колонки - если ее лучше не фиксировать, тогда может быть добавить полосу прокрутки для контейнера содержащего контент? Можно ведь так сделать?

---

Добавить то можно, но зачем для посетителей делать такое неудобство.