Babanov 3 Report post Posted December 11, 2015 (edited) Ребят подскажите пожалуйста что нужно прописать в стилях чтобы они были фиксированы то есть чтобы пользователь мог прокручивать только контент стили боковой панели .navigation { list-style: none; margin: 0 0 35px 0; padding: 0; border-bottom: 1px solid #49565D; } .navigation li { position: relative; } .navigation > li { border-top: 1px solid #49565D; position: relative; } .navigation > li.active > a, .navigation > li.active:hover > a, .navigation > li.active:focus > a { color: #fff; background-color: #65B688; border-color: #65B688; } .navigation > li.active > a > i { opacity: 1; filter: alpha(Opacity=100); } .navigation > li > a { color: rgba(255,255,255,0.8); padding: 13px 40px 14px 14px; display: block; border-left: 3px solid transparent; } .navigation > li:hover > a { color: #fff; border-left: 3px solid #EE8366; background-color: #2C3A42; } .navigation > li:hover > a > i { opacity: 1; filter: alpha(Opacity=100); } .navigation > li > a > i { font-size: 16px; position: absolute; right: 14px; top: 13px; opacity: 0.8; filter: alpha(Opacity=80); } .navigation > li ul { margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.15); font-size: 11px; list-style: none; z-index: 1010; } .sidebar-narrow .navigation > li > ul { background-color: #2D3A42; } .navigation > li ul > li { border-top: 1px solid rgba(255,255,255,0.05); } .navigation > li ul > li:first-child { border-top: 0; } .navigation > li ul > li.active.has-ul > a, .navigation > li ul > li.active.has-ul > a:hover { background-color: #4A5D64; } .navigation > li ul > li.active > a, .navigation > li ul > li.active > a:hover { background-color: rgba(0,0,0,0.2); } .navigation > li ul > li.has-ul > a:after { content: ""; background: url(../images/interface/plus.png) no-repeat; opacity: 0.4; filter: alpha(Opacity=40); margin-top: 4px; float: right; width: 7px; height: 7px; margin-right: 2px; } .navigation > li ul > li.has-ul > a:hover:after, .navigation > li ul > li.active.has-ul > a:after { opacity: 1; filter: alpha(Opacity=100); } .navigation > li ul > li.active.has-ul > a:after { content: ""; width: 7px; height: 7px; background: url(../images/interface/minus.png) no-repeat; } .navigation > li ul > li.active > a:after { content: ""; width: 5px; height: 9px; opacity: 0.9; filter: alpha(Opacity=90); margin: 4px 2px 6px 0; float: right; background: url(../images/interface/nav_arrow_right.png) no-repeat; } .navigation > li ul > li > a { display: block; padding: 13px 14px 14px 24px; } .navigation > li ul li a { color: rgba(255, 255, 255, 0.8); } .navigation > li ul li a:hover, .navigation > li ul li a:focus, .navigation > li ul li.active > a { color: #fff; } .navigation > li ul > li > a:hover { background: rgba(0, 0, 0, 0.1); } .navigation > li ul > li > a .label { position: absolute; top: 9px; right: 12px; } .navigation > li ul > li.active > a .label { right: 30px; } .navigation > li ul li ul a { display: block; } .navigation > li ul > li > ul > li > a { padding-left: 30px; } .navigation > li ul > li > ul > li > ul > li > a { padding-left: 36px; } .navigation li.disabled a { opacity: 0.4; filter: alpha(Opacity=40); cursor: not-allowed; } .navigation li.disabled:hover a { background: none; border-color: transparent; } .navigation ul li.disabled:hover a { color: #ccc; } .navigation > li.disabled:hover > a:after, .navigation > li.disabled:hover > a > i { opacity: 0.5; filter: alpha(Opacity=50); } стили хеадера .navbar { z-index: 1000; min-height: 54px; border-radius: 0; margin: 0; border: 0; } .navbar-fixed { padding-top: 54px; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; } Edited December 11, 2015 by Babanov Share this post Link to post Share on other sites
Shaman Daniels 140 Report post Posted December 11, 2015 Внимание! Переместил тему в соответствующий раздел. Share this post Link to post Share on other sites
Advokat 4 Report post Posted December 11, 2015 position: fixed; Прописывай где тебе нужно. 1 Share this post Link to post Share on other sites
Babanov 3 Report post Posted December 11, 2015 (edited) position: fixed; Прописывай где тебе нужно. спасибон кэп но твой ответ тут не уместен! тебе так не кажется ? З.Ы. Я по моему задал конкретный вопрос и хотел бы получить конкретный ответ! Edited December 11, 2015 by Babanov 1 Share this post Link to post Share on other sites
timbios 193 Report post Posted December 11, 2015 спасибон кэп но твой ответ тут не уместен! тебе так не кажется ? З.Ы. Я по моему задал конкретный вопрос и хотел бы получить конкретный ответ! Тебе дали конкретный ответ.Нет? тогда учи css, и не нужно на ответ говорить что он не уместен. Position - позиция fixed - зафиксировать Что не понятного?Элементарный английский + знания css + ты сбросил стили, без html кода..Как по твоему мы определим куда именно нужно вставить position:fixed; ???? Немного логики. 1 Share this post Link to post Share on other sites
Shaman Daniels 140 Report post Posted December 11, 2015 спасибон кэп но твой ответ тут не уместен! тебе так не кажется ? З.Ы. Я по моему задал конкретный вопрос и хотел бы получить конкретный ответ! Да и как ты определил "уместен" ответ или "не уместен", если ты сам не знаешь каков правильный? Тебе человек вон правильно сказал, что fixed решит твой вопрос. А писать "не уместен" и ждать пока кто-то начнёт в твой стиль смотреть - не стоит. Лучше сам соображай в какие классы его нужно прописать, так хоть что-то в голове отложится... Share this post Link to post Share on other sites
Why Not 35 Report post Posted December 12, 2015 На шапке и левом меню пропиши в стилях position:fixed, затем посмотри что получится. Класс content должен уехать вверх до значения top:0px В content пропиши стиль margin-top: к примеру 50px (в зависимости от высоты шапки) и все должно работать. Ах да, если еще и контент уедет влево за пределы левого меню, то и тут аналогично нужно прописать в стилях margin-left: 100px (так же зависит от ширины левого меню). Вообщем как то так. А то что ты скинул строки стилей, это ничего не значит, никто не знает где какой стиль прописан в майне. Share this post Link to post Share on other sites