Databases
StackOverflow2013
Postsdbo
POcentering divs in ie
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POcentering divs in ie
    text
    copied!<p>My divs do not center properly in IE, it works fine in Firefox.</p> <p>I've tried following this site: <a href="http://flumpcakes.co.uk/css/center-div-ie" rel="nofollow">http://flumpcakes.co.uk/css/center-div-ie</a> but the container div appears in the right hand side in IE.</p> <pre><code>&lt;div id="topbar"&gt; &lt;div id="previous"&gt; &amp;#171; {block:PreviousPage} {/block:PreviousPage} &lt;/div&gt; &lt;div id="next"&gt; {block:NextPage} {/block:NextPage} &amp;#187; &lt;/div&gt; &lt;/div&gt; &lt;div id="container"&gt; &lt;div id="header"&gt; &lt;div id="logo"&gt; Title here please &lt;/div&gt; &lt;div id="tagline"&gt; So, why do arrays start from zero? &lt;/div&gt; &lt;div id="topmenu" class="toplinks"&gt; Home &lt;a href="/archive"&gt;Archive&lt;/a&gt; Ask Me Archive Random &lt;/div&gt; &lt;div id="search"&gt; &lt;form action="/search" method="get"&gt; &lt;input type="text" name="q" value="" id="" /&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="posts-container"&gt; &lt;div id="posts"&gt; Lorem ipsum dolor sit amet, post content goes here &lt;/div&gt; &lt;div id="leftmenu"&gt; &lt;div id="date" &gt; 23rd November 2010 &lt;/div&gt; &lt;div id="posttitle"&gt; This is a title and it contains all that you may need... &lt;/div&gt; &lt;i&gt;- Filed under Misc -&lt;i&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>The css:</p> <pre><code>body { height: 100%; width: 100%; margin: 0px; padding: 0px; font-family:Georgia,"Times New Roman",Serif; font-size: 14px; text-align:center; } #topbar { height: 25px; background: #030303; min-width: 900px; width: 100%; } #container { width: 800px; margin:0 auto; text-align:center; } #header { height: 140px; width: 800px; } #logo { font-size: 40px; font-weight: bold; margin-left: 0px; margin-top: 45px; position: absolute; } #tagline { font-size: 14px; font-style: italic; margin-top: 89px; padding: 5px; position: absolute; } #topmenu { margin-top: 45px; position: absolute; text-align: right; margin-left: 500px; } #search { margin-top: 62px; position: absolute; text-align: right; margin-left: 570px; float: right; } #next { color: #ffffff; text-align: right; width: 350px; padding:3px; float: right; } #previous { color: #ffffff; text-align: left; width: 350px; padding:3px; float: left; margin-left: 0px; padding-left: 0px; } #posts-container { width: 800px; text-align: center; } #posts { width: 613px; margin-left:177px; position: absolute; padding-left: 3px; text-align: left; } #leftmenu { width:175px; text-align: right; margin-left: 0px; } #posttitle { font-size: 18px; font-weight: bold; text-align: right; padding: 3px; margin-left: 5px; } #date { background: #d4ff40; width: 165px; height: 14px; text-align: center; padding: 4px; color: #7c9c2d; margin: 5 auto; font-size: 11px; } </code></pre>
 

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