Skip to content

Instantly share code, notes, and snippets.

@robdecker
Last active November 2, 2019 04:08
Show Gist options
  • Save robdecker/7102775 to your computer and use it in GitHub Desktop.
Save robdecker/7102775 to your computer and use it in GitHub Desktop.
body {
min-width: 550px; /* 2x LC width + RC width */
}
#container {
padding-left: 200px; /* LC width */
padding-right: 150px; /* RC width */
}
#container .column {
position: relative;
float: left;
}
#center {
width: 100%;
}
#left {
width: 200px; /* LC width */
right: 200px; /* LC width */
margin-left: -100%;
}
#right {
width: 150px; /* RC width */
margin-right: -150px; /* RC width */
}
#footer {
clear: both;
}
<div id="header"></div>
<div id="container">
<div id="center" class="column"></div>
<div id="left" class="column"></div>
<div id="right" class="column"></div>
</div>
<div id="footer"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment