Databases
StackOverflow2013
Postsdbo
POpositioning a div at bottom of the container element
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POpositioning a div at bottom of the container element
    primarykey
    data
    text
    <p>Layout of the web page i am designing is like this fiddle : <a href="http://jsfiddle.net/5sTub/" rel="nofollow noreferrer">http://jsfiddle.net/5sTub/</a></p> <p><strong>EDIT: NOTE: I am not trying to get a sticky footer. i just want to position it at bottom of the page. Please see the fiddle before you answer</strong></p> <p>i am trying to position the footer at the bottom of the page but am unable to as you can see in the link above. i have tried everything i found on the internet including setting the container element's position:relative; and the footer's <code>position:absolute;</code> and <code>bottom:0;</code> but nothing seems to be working, in fact, if you add the container div to the code and make its <code>position:relative;</code>, and add the following css to footer : <code>position:absolute; bottom: 0;</code> , the footer seems to disappear somewhere. I've been struck on this problem since quiet a long time and the only solution i've found so far is to set my header and my content and the footer's <code>position:static;</code> , which dosent server the purpose and ruins whole layout and looks quiet ugly. I want to avoid the use of javascript. please help, thanks in advance. </p> <p><strong>EDIT: Illustration of what i need:</strong> <img src="https://i.stack.imgur.com/z8ShD.png" alt="enter image description here"></p> <p>where blue is the footer, dark blue is header, light blue is actual content and pink one is a sticky div. i do not want to make footer sticky, but i want it to be like one you'll find on a normal page, only problem is that it dosent stay at the bottom of the page (see the <a href="http://jsfiddle.net/5sTub/" rel="nofollow noreferrer">fiddle</a>)</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USPeeyush Kushwaha
    1. USPeeyush Kushwaha
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POpositioning a div at bottom of the container element
      1. This table or related slice is empty.
      1. VTDownMod
    1. COI think this is the most confusing question I've _ever_ seen on SO. If you just want your footer at the bottom of the page, just don't give it a position, and it'll sit below the content. I don't see what your problem is.
      singulars
      1. POpositioning a div at bottom of the container element
      1. USBojangles
    2. CONo, it dosent sit below the content, thats what the problem was
      singulars
      1. POpositioning a div at bottom of the container element
      1. USPeeyush Kushwaha
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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