Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Testing template</title>
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
    </head>
    <body class="metal">
        <div id="header">
        </div>
        <div id="middle">
            <div id="sidebar"><p>My Sidebar</p></div>
            <div id="content">
                <ul id="mainMenu"></ul>
                <div id="wrapper">
                    <div style="height:400px;">Stuff goes here.  Keep height fixed.</div>
                    <div id="custom-content">
                        <p>Page should adapt to this content.</p>
                        <p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p><p>bla</p>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="footer-block">
                <div class="footer-bottom">
                    <ul id="subMenu" class="submenu"></ul>
                </div>
            </div>
        </div>
    </body>
</html>
Output 300px

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers