Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You should be able to do this if you add in a div (<code>#header</code> below) to wrap your contents of 1.</p> <ol> <li><p>If you float <code>#header</code>, the content from <code>#someid</code> will be forced to flow around it.</p></li> <li><p>Next, you set <code>#header</code>'s width to 100%. This will make it expand to fill the width of the containing div, <code>#full</code>. This will effectively push all of <code>#someid</code>'s content below <code>#header</code> since there is no room to flow around the sides anymore.</p></li> <li><p>Finally, set <code>#someid</code>'s height to 100%, this will make it the same height as <code>#full</code>.</p></li> </ol> <p><a href="http://jsfiddle.net/G9cSZ/2/">JSFiddle</a></p> <p><strong>HTML</strong></p> <pre><code>&lt;div id="full"&gt; &lt;div id="header"&gt;Contents of 1&lt;/div&gt; &lt;div id="someid"&gt;Contents of 2&lt;/div&gt; &lt;/div&gt; </code></pre> <p><strong>CSS</strong></p> <pre class="lang-css prettyprint-override"><code>html, body, #full, #someid { height: 100%; } #header { float: left; width: 100%; } </code></pre> <hr> <p><strong>Update</strong></p> <p>I think it's worth mentioning that flexbox is well supported across modern browsers today. The CSS could be altered have <code>#full</code> become a flex container, and <code>#someid</code> should set it's flex grow to a value greater than <code>0</code>.</p> <pre class="lang-css prettyprint-override"><code>html, body, #full { height: 100%; } #full { display: flex; flex-direction: column; } #someid { flex-grow: 1; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POHow to fill 100% of remaining height?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USMosh Feu
    1. USthgaskell
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POHow to fill 100% of remaining height?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COplease se my **[demo](http://jsfiddle.net/Y7PhV/99/) and rectify it where is mistake.
      singulars
      1. PO
      1. USBhojendra Rauniyar
    2. COI think you are right but my problem couldn't be solved but anyway this helped me to understand about this. So I'm accepting your answer.
      singulars
      1. PO
      1. USBhojendra Rauniyar
 

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