Databases
StackOverflow2013
Postsdbo
POFirefox 4 - unintended layering?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POFirefox 4 - unintended layering?
    text
    copied!<p>I just switched to Firefox 4 and looked at the site I'm currently working on. When I go to my register page, a submit button layers below a footer div that comes after it. I'm not quite sure where I went wrong here, it worked in all the browsers before. Here's the page in question with the register button on the bottom the one that is layering: <a href="http://evo.writers-bbs.com/register.php" rel="nofollow">http://evo.writers-bbs.com/register.php</a></p> <p>Here's the quick code:</p> <pre><code>&lt;div id="registerBox"&gt; &lt;br /&gt;&lt;br /&gt; &lt;div id="leftRegister"&gt; &lt;?php $startSpan = "&lt;span style=\"color:red;\"&gt;"; if ($session-&gt;getNumErrors(1) &gt; 0) echo $startSpan; ?&gt;Username:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;?php if ($session-&gt;getNumErrors(2) &gt; 0) echo $startSpan; ?&gt;Password:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;?php if ($session-&gt;getNumErrors(3) &gt; 0) echo $startSpan; ?&gt;Verify Password:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;?php if ($session-&gt;getNumErrors(4) &gt; 0) echo $startSpan; ?&gt;Email Address:&lt;/span&gt; &lt;/div&gt; &lt;form method="post" action="tinUser_processor.php"&gt; &lt;div id="rightRegister"&gt; &lt;input type="text" name="username" class="registerInputs" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;input type="password" name="password" class="registerInputs" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;input type="password" name="verifyPassword" class="registerInputs" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt; &lt;input type="text" name="email" class="registerInputs" /&gt;&lt;br /&gt;&lt;br /&gt; &lt;input type="hidden" name="processType" value="register" /&gt;&lt;br /&gt; &lt;/div&gt; &lt;div style="text-align:center;clear:both;"&gt; &lt;input type="submit" value="Register" class="loginButton" style="width:75px;" /&gt; &lt;/div&gt; &lt;/form&gt; &lt;/div&gt; </code></pre> <p>and the CSS that goes with it:</p> <pre><code>#registerBox { width: 365px; height: 350px; background-color: #2e76ff; border: 3px solid #000000; margin: 0px auto; } #leftRegister { width: 142px; float: left; text-align: right; margin-right: 25px; color: #FFFFFF; } #rightRegister { width: 158px; float: left; } </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