Skip to content

Instantly share code, notes, and snippets.

@frozonfreak
Created December 10, 2013 01:52
Show Gist options
  • Save frozonfreak/7884592 to your computer and use it in GitHub Desktop.
Save frozonfreak/7884592 to your computer and use it in GitHub Desktop.
Imitating calc() Fallback or Fixed-Width Sidebar In Responsive Layout Source:http://osvaldas.info/imitating-calc-fallback-fixed-width-sidebar-in-responsive-layout
.content
{
width: 80%; /* 960 */
width: -webkit-calc( 100% - 15em ); /* 240 */
width: -moz-calc( 100% - 15em ); /* 240 */
width: calc( 100% - 15em ); /* 240 */
float: left;
}
.sidebar
{
width: 16.666%; /* 200 */
width: -webkit-calc( 12.5em ); /* 200 */
width: -moz-calc( 12.5em ); /* 200 */
width: calc( 12.5em ); /* 200 */
float: right;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment