Databases
StackOverflow2013
Postsdbo
POCSS: 100% Height Issues
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS: 100% Height Issues
    primarykey
    data
    text
    <p>I know that there have been a number of posts regarding the height:100% declaration in CSS, yet none of them have resolved the issue I'm struggling with.</p> <p>In a nutshell, this is what I'm facing: <a href="http://cornerstonearts.hostasaurus.com/about/cornerstone_history" rel="nofollow">http://cornerstonearts.hostasaurus.com/about/cornerstone_history</a></p> <p>All of the height settings for the elements and container divs – html, body, #static-content, #sidebar, #static-maincontent – are 100%:</p> <pre><code>html { height: 100%; } body { background-color:#d5af6a; margin:0; height: 100%; } #static-content { width:960px; background-color:#FFF; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; height: 100%; overflow-y: visible; } #sidebar { width:320px; position: absolute; left: 0px; top: 0px; height: 100%; overflow-y: visible; } #static-maincontent { width:600px; position: absolute; left: 340px; top: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #AC740C; height: 100%; overflow-y: visible; } </code></pre> <p>I read a couple of posts that suggest the problem might be the use of absolute positioning. I didn't see how that could be the cause. If a DIV is absolutely positioned, it should still expand to accommodate its contents.</p> <p>Nevertheless, using Firebug, I changed all of the elements to be positioned relatively and had the sidebar and main columns float left. I still had the same problem.</p> <p>This is one of those things that I'm sure must have a simple solution that I'm just not seeing. After all, how hard can it be to have a page element expand to 100% of the height of its container?</p> <p>Any help would be appreciated.</p> <p>Thanks!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USTy Morton
    plurals
    1. This table or related slice is empty.
    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. This table or related slice is empty.
    1. COW3 validator shows 14 errors on that page.
      singulars
      1. POCSS: 100% Height Issues
      1. USj08691
    2. COYes, I've noticed those. One of those is because I used the same DIV ID twice, but the others are all part of the Facebook "Like Box," which is generated by FB.
      singulars
      1. POCSS: 100% Height Issues
      1. USTy Morton
 

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