Note that there are some explanatory texts on larger screens.

plurals
  1. POHow can I position an element at the bottom of its container in Firefox?
    primarykey
    data
    text
    <p>I have a table cell, and I want a div within it to always be at the bottom left corner. The following works fine in IE and Safari, but Firefox is positioning the <code>div</code> absolutely on the page, not within the cell (code based on the solution solution <a href="https://stackoverflow.com/questions/104953/position-an-html-element-relative-to-its-container-using-css">here</a>). I have tested both with and without the DTD, which put Firefox in Quirks mode and Standards mode, and neither worked properly. I'm stuck - any ideas?</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt; &lt;head&gt; &lt;title&gt;Test&lt;/title&gt; &lt;style type="text/css"&gt; table { width:500px; } th, td { vertical-align: top; border:1px solid black; position:relative; } th { width:100px; } .manage { text-align:right; position:absolute; bottom:0; right:0; } &lt;/style&gt; &lt;/head&gt; &lt;body &gt; &lt;table&gt; &lt;tr&gt; &lt;th&gt;Some info about the following thing and this is actually going to span a few lines&lt;/th&gt; &lt;td&gt;&lt;p&gt;A short blurb&lt;/p&gt;&lt;div class="manage"&gt;Edit | Delete&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt;Some info about the following thing and this is actually going to span a few lines&lt;/th&gt; &lt;td&gt;&lt;p&gt;A short blurb&lt;/p&gt;&lt;div class="manage"&gt;Edit | Delete&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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