Skip to content

Instantly share code, notes, and snippets.

@iamstarkov
Created May 15, 2012 11:19
Show Gist options
  • Save iamstarkov/2700940 to your computer and use it in GitHub Desktop.
Save iamstarkov/2700940 to your computer and use it in GitHub Desktop.
basic layout
/**
* basic layout
*/
/* colors */
#header,
#footer {
background-color: #f1f1f1;
}
#main-wrap {
background-color: #D9D9D9;
}
#sidebar {
background-color: #d2d2d2;
}
#content-wrap {
background-color: #c5c5c5;
}
/* sizes */
#main-wrap > div {
min-height: 450px;
}
#header,
#footer {
min-height: 40px;
}
/* layout */
#main-wrap {
padding-left: 30%;
position: relative;
}
#sidebar {
position: absolute;
left: 0;
top: 0;
width: 30%;
}
<!-- content to be placed inside <body>…</body> -->
<div id="header">Header</div>
<div id="main-wrap">
<div id="sidebar">Left Nav</div>
<div id="content-wrap">Content</div>
</div>
<div id="footer">Footer</div>
{"view":"separate","fontsize":"100","seethrough":"1","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment