What does this mean? Https://www.studiometa.fr/ Are there any ready-made templates for this?

Closed due to the fact that the essence of the question is incomprehensible by the participants Alexey Shimansky , Sasha Omelchenko , Yaroslav Molchan , Grundy , andreymal Jun 2 '17 at 12:18 .

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 .

    3 answers 3

    Alternatively, you can use multiscroll.js https://github.com/alvarotrigo/multiscroll.js

      .wrapper { position: relative; min-height: 100%; } .content { height:100%; } .content .left-content { width:50%; float:left; } .content .right-content { width:50%; float:right; } 
       <div class="wrapper"> <div class="content"> <div class="left-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus, veritatis, quasi! Amet voluptas reiciendis doloremque magni laudantium aliquam, maiores nisi, veritatis autem deserunt quo esse dolor culpa officia obcaecati atque cum temporibus nobis? Recusandae a aliquid nostrum ullam perferendis aliquam, veritatis sint reprehenderit, soluta deleniti fugiat, molestias nulla tempora sed.</div> <div class="right-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio dolorem quos hic possimus sequi ut nemo quae accusantium expedita dolor facilis quibusdam veniam mollitia ea, quas reiciendis in dicta porro velit illum, ipsum consectetur aliquid, quod ullam! Ut natus alias, sint cumque, aliquam nostrum repudiandae incidunt corporis quos enim dolore.</div> </div> </div>

      And what is the problem actually?

        As an option, use modern flex.

         html, body { width: 100%; height: 100%; overflow: hidden; } #parent { display: flex; width: 100%; height: 100%; } #parent #left { background-color: green; flex-grow: 1; } #parent #right { background-color: navy; flex-grow: 1; } 
         <!DOCTYPE html> <html> <head></head> <body> <div id="parent"> <div id="left">left</div> <div id="right">right</div> </div> </body> </html>