StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Leave your HTML as-is, change your CSS to this:</p> <pre><code> /* Sticky Footer */ { margin: 0; } html, body, form { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */ clear:both; } #footerPage, #divPush { height: 50px; /* .push must be the same height as .footer */ } /* End / Sticky Footer */ body { background-color:#000; width:960px; margin:0 auto; position:relative; font-family:Tahoma, Verdana; } div.wrapper { background-color:#fff; position:relative; } #headerPage { width:960px;position:absolute;top:0;left:0; } #divHeaderImg { height:100px; } #navPage { height:30px; line-height: 30px; font-size:16px; background-color:#90bfe7; padding:0 10px; position:relative; overflow:hidden; vertical-align: middle;width:940px; } #divSubMenu { background-color: #90BFE7; line-height: 28px; padding: 10px; vertical-align: middle; } #sectionBar { z-index:1000; position:relative; float:right;right:10px; top:13px; width:200px; bottom:75px; /* footer height + 25px */ border:solid 2px #90bfe7; background-color:#ffffff; padding:15px 10px; } #divPush {clear:both;} #footerPage { position:relative; padding:10px; background-color:#90bfe7; color:#000; } #sectionPage { padding:12px 10px 10px 10px; width:700px;padding-top:190px; } </code></pre> <p>P.S. this is a bad question. </p> <p>I am going to give you the benefit of the doubt and say you're working for an unreasonable client or with some uneditable HTML markup and you need to do some sort of hack to get this presentable. </p> <p>Otherwise, there's no excuse for taking this approach. </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload