Musings of a Gotham City Geek

What is the sound of one blog clapping?

 

The Holy Grail, Redux

/* Fixed Values */
body {
    margin: 0;
}

#CC {
    width: 100%;
    position: relative;
    float: left;
}

#LC {
    margin-left: -100%;
    position: relative;
    float: left;
}

#RC {
    margin-right: -100%;
    position: relative;
    float: left;
}

/* Chosen Values */

#CC {
    padding-right: 5em;
    padding-left:  5em;
}

#LC {
    width: 9em;              /* LC width */
    padding-right: 1em;  /* LC right padding */
    padding-left: 1em;    /* LC left padding */
}

#RC {
    width: 7em;              /* RC width */
    padding-right: 2em;  /* RC right padding */
    padding-left: 2em;    /* RC left padding */
}

/* Calculated Values */

body {
    /* LC width + LC right padding + LC left padding */
    padding-left: 11em;  

    /* RC width + RC right padding + RC left padding
     + CC left padding + CC right padding */
    padding-right: 22em; 

    /* LC width + LC right padding + LC left padding
    + CC left padding + CC right padding */
    min-width: 21em;
}

#LC {
    /* LC width + LC right padding + LC left padding
    + CC left padding + CC right padding */
    right: 21em;
}

Blog comments powered by Disqus