javascript - CSS help request for DIV placement and scrolling -
i trying emulate 4 framed page divs, have encountered problems cannot resolve ... here quick sketch: here css use style divs: #wrapper { width: 100%; height: 90%; margin: 0 auto; } #leftpane, #rightpane { border: 1px solid black; float: left; color: white; background-color: white; height: 90%; top: 5%; } #leftpane { position: absolute; left: 0; bottom: 0; width: 50%; } #rightpane { position: absolute; left: 50%; bottom: 0; right: 0; } #topmenu { position:fixed; top:0px; height:5%; background-color: gray; } #footer { position: fixed; bottom: 0; left: 0; width: 100%; } and here divs create: <div id="wrapper"> <div id="topmenu"></div> <div id="leftpane"></div> <div id="rightpane"></div> </div> <div id="footer"></div> the content of div set via ajax call...