Arranged the elements in the center, this menu and the block itself with the contents, then added more elements, they serve as the top and bottom of the block with the contents, but when aligned, they went down (under the block with the contents), and not up, thereby, scrolling content with a fixed height, up and bottom do not remain in place, and spinning with him, plus the scroll bar above the rose ...

<div class="main"> <div class="menu"> меню </div> <div class="top">вверх</div> <div class="content"> блок с содержимым </div> <div class="bottom">низ</div> </div> </div> .main { width: 900px; margin: 0px auto; } .menu { width: 150px; float: left; margin: 0px 50px 0px -35px; } .content { width: 650px; height: 500px; margin: 35px 0px 0px 15px; padding: 65px 0px 15px 30px; overflow: auto; float: left; position: relative; z-index: 1; } .top { width: 650px; margin: -65px 0px 0px -35px; padding: 10px 15px 10px 25px; position: relative; z-index: 2; } .bottom { width: 650px; margin: 500px 0px 0px -35px; padding: 10px 15px 10px 25px; 

    1 answer 1

    after the float you need to clear the property clear: both; put after the last block which float <div style = "clear: both;"> </ div>

    • did not help - ivanforpw
    • It turned out with position: fixed; z-index: 2; - ivanforpw