It is necessary to create a left-bar and work-place so that it is adaptive to a resolution of 1024-768 (ipad)

I can not understand how adaptable it is, I use bootstrap, but it doesn’t help me especially in this business. patterned right column is always 60px.

The main snag is that the .work-place elite does not fit if you specify 100% width for it. If you do it through js, then it lags terribly and is not particularly convenient. How to do it?

//вот код вёрстки <body> <noscript> <p>В вашем браузере не включен либо не поддерживается JavaScript. Приложение не может работать!</p> </noscript> <div class="header"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12"> <div class="logo">YU</div> <div class="top-line-tool"> </div> </div> </div> </div> </div> <div class="main-content"> <div class="left-bar"> <div class="menu"> <ul> <li><a href="#">item</a></li> <li><a href="#">item</a></li> <li><a href="#">item</a></li> </ul> </div> <div class="drop-content"> elements </div> </div> <div id="view-box" class="work-place">place</div> </div> <!-- SCRIPTS --> <script data-main="js/main.js" src="js/require.min.js"></script> <!-- SCRIPTS END --> </body>

Here is the result Wahffwa

The elite .menu does not change, but .drop-content should decrease with the size of the screen (requests). At the same time, the content field takes up all the free space.

Here is the template that I implement

enter image description here

Closed due to the fact that the essence of the question is not clear to the participants of zb ' , user26699, Ella Svetlaya , Vladyslav Matviienko , fori1ton 25 May '15 at 7:40 .

Try to write more detailed questions. To get an answer, explain what exactly you see the problem, how to reproduce it, what you want to get as a result, etc. Give an example that clearly demonstrates the problem. If the question can be reformulated according to the rules set out in the certificate , edit it .

  • Element, say d bar. The simplest, and probably outdated implementation is through a float with a regular element. - etki
  • I have already found a solution) thanks for the answer - WebWorkDeveloper

1 answer 1

I solved this problem, the sitebar was made fixed and located along the required coordinate, media requests were made necessary for the responsiveness of the sitebar, the field for work is 100% wide with an indentation equal to the width of the sitebar.

  • 2
    without sample code (html, js) the answer looks incomplete. - jfs