Databases
StackOverflow2013
Postsdbo
PODiv won't resize vertically to fit the text. No position:relative or anything like that
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODiv won't resize vertically to fit the text. No position:relative or anything like that
    primarykey
    data
    text
    <p>My main body div won't resize to fit my text. </p> <p>My setup is a main body container div. In that div there is the header div, the body div and the footer div. In the body div there are 3 divs called body-left, body-middle and body-right. These are all side by side using the css style float:left</p> <p>I have tried setting the height of the bodycontainer, the min-height of bodycontainer, and the same for the divs in bodycontainer.</p> <p>here is a screenshot of whats happening: <a href="http://i.imgur.com/6dYRf.jpg" rel="nofollow">http://i.imgur.com/6dYRf.jpg</a></p> <p>Here is my html:</p> <pre><code>&lt;div id="maincontainer"&gt; &lt;div id="headercontainer"&gt; &lt;a href="/index.html"&gt;&lt;div id="header-logo"&gt;&lt;/div&gt;&lt;/a&gt; &lt;div id="header-navbar"&gt; &lt;div id="navbar" align="center"&gt; &lt;a href=""&gt;&lt;div&gt;Home&lt;/div&gt;&lt;/a&gt; &lt;a href=""&gt;&lt;div&gt;Roster&lt;/div&gt;&lt;/a&gt; &lt;a href=""&gt;&lt;div&gt;FAQ&lt;/div&gt;&lt;/a&gt; &lt;a href=""&gt;&lt;div&gt;Donate&lt;/div&gt;&lt;/a&gt; &lt;a href=""&gt;&lt;div&gt;About&lt;/div&gt;&lt;/a&gt; &lt;a href=""&gt;&lt;div&gt;Contact&lt;/div&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="bodycontainer"&gt; &lt;div id="body-left"&gt; &lt;ul&gt; &lt;div&gt; &lt;a href="http://www.facebook.com/darkonyxftw" title="Click to go to our Facebook page." target="_blank"&gt; &lt;div class="social-odd"&gt; &lt;h3 class="social"&gt;Facebook&lt;/h3&gt; &lt;p class="social"&gt;All tweets and youtube uploads, as well as updates and notifications go on our facebook. Like our page to get the notifications on your wall. &lt;/p&gt; &lt;p class="social"&gt;facebook.com/DarkOnyxFTW&lt;/p&gt; &lt;/div&gt; &lt;/a&gt; &lt;a href="http://www.youtube.com/subscription_center?add_user=darkonyxftw" title="Click to subscribe to our Youtube channel." target="_blank"&gt; &lt;div class="social-even"&gt; &lt;h3 class="social"&gt;Youtube&lt;/h3&gt; &lt;p class="social"&gt;Entire practice sessions, special event videos, VODS and casts get uploaded to our youtube channel. click here to subscribe. &lt;/p&gt; &lt;p class="social"&gt;youtube.com/DarkOnyxFTW&lt;/p&gt; &lt;/div&gt; &lt;/a&gt; &lt;a href="http://www.twitter.com/DarkOnyxFTW" title="Click to go to our twitter page." target="_blank"&gt; &lt;div class="social-odd"&gt; &lt;h3 class="social"&gt;Twitter&lt;/h3&gt; &lt;p class="social"&gt;Everytime we upload a youtube video or our stream goes online on twitch.tv/DarkOnyxFTW, you will know about it if you follow our twitter account. &lt;/p&gt; &lt;p class="social"&gt;twitter.com/DarkOnyxFTW&lt;/p&gt; &lt;/div&gt; &lt;/a&gt; &lt;a href="http://www.twitch.tv/DarkOnyxFTW" title="Click to go to our twitch.tv channel." target="_blank"&gt; &lt;div class="social-even"&gt; &lt;h3 class="social"&gt;Live Stream&lt;br&gt;@ Twitch.tv&lt;/h3&gt; &lt;p class="social"&gt;We live stream our practices every Monday, Wednesday and Thursday at 7PM PST (9PM Central). Follow our twitch channel to get an email notification when we go live. We will also be streaming clan battles and other special events, so keep an eye on your inbox for that. &lt;/p&gt; &lt;p class="social"&gt;twitch.tv/DarkOnyxFTW&lt;/p&gt; &lt;/div&gt; &lt;/a&gt; &lt;a href="http://www.teamliquid.net/blog/DarkOnyx" title="Our TeamLiquid Blog" target="_blank"&gt; &lt;div class="social-odd"&gt; &lt;h3 class="social"&gt;Team Liquid Blog&lt;/h3&gt; &lt;p class="social"&gt;Click here for player interviews, clan war information and much more. &lt;/p&gt; &lt;p class="social"&gt;teamliquid.net/blog/DarkOnyx&lt;/p&gt; &lt;/div&gt; &lt;/a&gt; &lt;/div&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div id="body-middle"&gt; &lt;/div&gt; &lt;div id="body-right"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="footercontainer"&gt; &lt;div style="width:590px; padding-left:10px; padding-top:10px;"&gt;Site by Alex "Xzar" Mohr&lt;/div&gt; &lt;div id="footer-nav" style="" align="right"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="/about/about.html"&gt;About&lt;/a&gt;&lt;/li&gt; | &lt;li&gt;&lt;a href="/contact/contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p></p> <p>here is my css: <a href="http://darkonyx.webatu.com/style2.css" rel="nofollow">http://darkonyx.webatu.com/style2.css</a></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. USAlex Mohr
    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
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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