public
anonymous / index.html
Created

A CodePen by Anonymous.

  • Download Gist
index.html
HTML
1 2 3 4 5 6 7
<div id="main">
<div id="sidebar">
<div id="right"></div>
<div id="left"></div>
</div>
</div>
style.css
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
html, body {
height: 100%;
}
 
#main {
height: 100%;
background-color: #f0f0f0;
position: relative;
}
 
#sidebar {
position: relative;
background-color: #111;
margin-left: 200px;
height: 100%;
}
 
#right, #left {
float: right;
}
 
#right {
width: 300px;
background-color: #ff0000;
height: 100%;
position: relative;
}
 
#left {
background-color: #fff000;
margin: 20px;
height: 40px;
width: 100%;
right: 300px;
}

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.