Difference between revisions of "Team:BABS UNSW Australia/test"

(Undo revision 303263 by MananS (talk))
Line 3: Line 3:
 
<html>
 
<html>
 
<style>
 
<style>
 +
html, body {
 +
    margin: 0px;
 +
    padding: 0px;
 +
    min-height: 100%;
 +
    height: 100%;
 +
}
 +
#wrapper {
 +
    min-height: 100%;
 +
    height: auto !important;
 +
    height: 100%;
 +
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
 +
    position: relative
 +
}
 +
#footer {
 +
    height: 50px;
 +
}
 +
#footer-content {
 +
    border: 1px solid magenta;
 +
    height: 32px; /* height + top/bottom paddding + top/bottom border must add up to footer height */
 +
    padding: 8px;
 +
}
 +
.push {
 +
    height: 50px;
 +
    clear: both;
 +
}
 +
 +
#header {
 +
    height: 50px;
 +
}
 +
#header-content {
 +
    border: 1px solid magenta;
 +
    height: 32px; /* height + top/bottom paddding + top/bottom border must add up to footer height */
 +
    padding: 8px;
 +
}
 +
#content {
 +
    height: 100%;
 +
}
 +
#sidebar {
 +
    border: 1px solid skyblue;
 +
    width: 100px;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 50px;
 +
    bottom: 50px;
 +
}
 +
#main {
 +
    margin-left: 102px
 +
}
  
  
Line 12: Line 60:
 
</head>
 
</head>
  
 +
<div id="wrapper">
 +
    <div id="header"><div id="header-content">Header</div></div>
 +
    <div id="content">
 +
        <div id="sidebar">Sidebar<br/>Sidebar<br/>Sidebar<br/></div>
 +
        <div id="main">
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
            Main<br />
 +
        </div>
 +
    </div>
 +
    <div class="push"></div>
 +
</div>
 +
<div id="footer"><div id="footer-content">Footer</div></div>
 
<body>
 
<body>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 16:09, 17 September 2015

Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main
Main