Databases
StackOverflow2013
Postsdbo
PODiv displays differently in IE and Chrome
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODiv displays differently in IE and Chrome
    text
    copied!<p>Something very strange is happening when displaying a div. In IE, it displays like it's supposed to, but in Chrome it is shifted down slightly. Here's what it looks like in IE:</p> <p><img src="https://i.stack.imgur.com/WIhO3.jpg" alt="enter image description here"></p> <p>And in Chrome:</p> <p><img src="https://i.stack.imgur.com/DOnFV.jpg" alt="enter image description here"></p> <p>You will notice that in chrome the content div is shifted down slightly. Why is Chorme doing this?</p> <p>Here is my code:</p> <pre><code>&lt;?php include "headermysql.php"?&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Home&lt;/title&gt; &lt;script type = "text/javascript"&gt; function to_login_page() { window.location.assign("http://127.0.0.1/sxp/login.php"); } function to_signup_page() { window.location.assign("http://127.0.0.1/sxp/signup.php"); } &lt;/script&gt; &lt;link rel = "stylesheet" type = "text/css" href = "textstyles.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;?php include "headerhtml.php";?&gt; &lt;div class = "menu"&gt; &lt;p&gt;menu&lt;/p&gt; &lt;/div&gt; &lt;div class = "content"&gt; &lt;?php //irrelevant PHP code ?&gt; &lt;a class = "main" href = "post.php"&gt;Post new topic&lt;/a&gt; &lt;/div&gt; &lt;div class = "footer"&gt; &lt;p class = "footer"&gt;Copyright imulsion 2013&lt;/p&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>CSS:</p> <pre><code>div.header { height:150px; background-color:#008AC8; } div.menu { float:left; width:200px; height:800px; background-color:#64BCE2 } div.content { height:800px; background-color:#F9F9D9; } div.footer { height:20px; background-color:#008AC8; } </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