Databases
StackOverflow2013
Postsdbo
PO
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>david,</p> <p>I gave you a vote because I appreciate how you linked in the image URLs so that we could see them conveniently. However, your code didn't work for me, and I spent a bunch of time trying to get it right. I'm not saying that the html/css below is optimal yet, but it works for me.</p> <p>Note: this doesn't work in IE6 because of the cockpit.png transparency, but there are workarounds supposedly: <a href="http://24ways.org/2007/supersleight-transparent-png-in-ie6" rel="nofollow noreferrer">http://24ways.org/2007/supersleight-transparent-png-in-ie6</a></p> <p>(btw, that is an awesome blog theme!!)</p> <p><pre><code>&lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; html { color: White; background: #040404 url('<a href="http://us.starcraft2.com/images/layout/bg-planet-frontpage.jpg" rel="nofollow noreferrer">http://us.starcraft2.com/images/layout/bg-planet-frontpage.jpg</a>') fixed center 300px no-repeat; text-align: center; } div#cn { width: 1200px; height: 800px; margin: 0 auto; } div#bd { height: 320px; background-color: #040404; } div#cockpit { height: 190px; background: url('<a href="http://us.starcraft2.com/images/layout/bg-footer-bridge-t.png" rel="nofollow noreferrer">http://us.starcraft2.com/images/layout/bg-footer-bridge-t.png</a>') center top no-repeat; } div#bottom { height: 240px; background-color: #040404; padding-top: 40px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="cn"&gt; &lt;h1 id="hd"&gt; Strarcraft II test header &lt;/h1&gt; &lt;div id="bd"&gt; long list of bllablablba&lt;br /&gt; long list of bllablablba &lt;/div&gt; &lt;div id="ft"&gt; &lt;div id="cockpit"&gt; &lt;/div&gt; &lt;div id="bottom"&gt; Courtesy of JohnB &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </pre></code></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