<body>
<div id="MightyContainer">
</div>
</body>
<body>
<div id="MightyContainer">
<header>...</header>
<nav>...</nav>
<div id="Content"></div>
<footer>...</footer>
</div>
</body>
<body>
<div id="MightyContainer">
<header>...</header>
<nav>...</nav>
<div id="Content" class="fapline">
<div class="fapcol"></div>
<div class="fapcol"></div>
<div class="fapcol"></div>
</div>
<footer>...</footer>
</div>
</body>
<body>
<div id="MightyContainer">
<header>...</header>
<nav>...</nav>
<div id="Content" class="fapline">
<div id="MainContent" class="fapcol">
content column
</div>
<div id="Sidebar1" class="fapcol">
left sidebar
</div>
<div id="Sidebar2" class="fapcol">
right sidebar
</div>
</div>
<footer>...</footer>
</div>
</body>
<body>
<div id="MightyContainer">
<header>...</header>
<nav>...</nav>
<div id="Content" class="fapline">
<div id="MainContent" class="fapcol">
content column
</div>
<div id="Sidebar1" class="fapcol">
left sidebar
</div>
<div id="Sidebar2" class="fapcol">
right sidebar
</div>
</div>
<footer>...</footer>
</div>
</body>
<body>
<div id="MightyContainer">
<header>...</header>
<nav>...</nav>
<div id="Content" class="fapline">
<div id="MainContent" class="fapcol">
content column
</div>
<div id="Sidebar1" class="fapcol">
left sidebar
</div>
<div id="Sidebar2" class="fapcol">
right sidebar
</div>
</div>
<footer>...</footer>
</div>
</body>
.fap-00-14 { width: 14.29%; }
.fap-14-55 { width: 55.10%; }
.fap-69-30 { width: 30.61%; }
.fapline {
position: relative;
float: left;
width: 100%;
display: block;
overflow: hidden;
}
.fapcol {
position: relative;
float: left;
left: 100%;
}
.fap-00-14 { width: 14.29%; margin-left: -100%; }
.fap-14-55 { width: 55.10%; margin-left: -85.71%; }
.fap-69-30 { width: 30.61%; margin-left: -30.61%; }
<body>
<div id="MightyContainer">
<header>...</header>
<nav>...</nav>
<div id="Content" class="fapline">
<div id="MainContent" class="fapcol fap-14-55">
content column
</div>
<div id="Sidebar1" class="fapcol fap-00-14">
left sidebar
</div>
<div id="Sidebar2" class="fapcol fap-69-30">
right sidebar
</div>
</div>
<footer>...</footer>
</div>
</body>
<body>
<div id="MightyContainer">
<header>...</header>
<nav>...</nav>
<div id="Content" class="fapline">
<div id="MainContent" class="fapcol fap-14-55">
content column
</div>
<div id="Sidebar1" class="fapcol fap-00-14">
left sidebar
</div>
<div id="Sidebar2" class="fapcol fap-69-30">
right sidebar
</div>
</div>
<footer>...</footer>
</div>
</body>
<body>
<div id="MightyContainer">
<div class="corset">
<header>...</header>
<nav>...</nav>
<div id="Content" class="fapline">
<div id="MainContent" class="fapcol fap-14-55">
content column
</div>
<div id="Sidebar1" class="fapcol fap-00-14">
left sidebar
</div>
<div id="Sidebar2" class="fapcol fap-69-30">
right sidebar
</div>
</div>
<footer>...</footer>
</div>
</div>
</body>
<body>
<div id="MightyContainer">
<header>
<div class="corset">...</div>
</header>
<nav>
<div class="corset">...</div>
</nav>
<div class="corset">
<div id="Content" class="fapline">
<div id="MainContent" class="fapcol fap-14-55">
content column
</div>
<div id="Sidebar1" class="fapcol fap-00-14">
left sidebar
</div>
<div id="Sidebar2" class="fapcol fap-69-30">
right sidebar
</div>
</div> <!-- /Content, fapline -->
</div> <!-- /corset -->
<footer>
<div class="corset">...</div>
</footer>
</div>
</body>
<header>
<div class="corset">
<div class="macroPadder">...</div>
</div>
</header>
<nav>
<div class="corset">
<div class="macroPadder">...</div>
</div>
</nav>
<div class="corset">
<div id="Content" class="fapline">
<div id="MainContent" class="fapcol fap-14-55">
<div class="macroPadder">content column</div>
</div>
<div id="Sidebar1" class="fapcol fap-00-14">
<div class="macroPadder">left sidebar</div>
</div>
<div id="Sidebar2" class="fapcol fap-69-30">
<div class="macroPadder">right sidebar</div>
</div>
</div> <!-- /Content, fapline -->
</div> <!-- /corset -->
<footer>
<div class="corset">
<div class="macroPadder">...</div>
</div>
</footer>
#MainContent,
#Sidebar1,
#Sidebar2 {
margin-bottom: -32767px;
padding-bottom: 32767px;
}
