Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>you could try to give body or an overall wrapper if you have one a <code>min-width</code> of centre column (594px) + <strong>2 x</strong> right column width</p> <p>trouble is with a absolutely positioned layout the page doesn't actually know the divs exist, they're like post-it notes stuck on the screen, so you have to give it something "real" to scroll to</p> <h2>[Update]</h2> <p>I'm not quite sure how you're doing the positioning, but you shouldn't need to [absolutely] position the center column at all, then you can use the <code>margin: 0 auto;</code> method of centering.. then you put the right column inside the centered column, at the bottom, and position the right column off to the right.. the screen then keeps your layout centered and scrolls if the right sidebar gets covered over</p> <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt; Centered with right Sidebar &lt;/title&gt; &lt;meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"&gt; &lt;link rel="stylesheet" href="/" type="text/css" media="screen" charset="utf-8"&gt; &lt;style type="text/css" media="screen"&gt; #wrap{ width: 594px; /* width of center column only */ margin: 0 auto; position: relative; border: 3px solid #eee; height: 400px /* demo only add content for real height */ } #rightcol { position: absolute; right: -260px; /* adjust to suit allowing for borders */ bottom: 0; border: 3px solid #ff0; width: 250px; height: 300px /* demo only */ } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="wrap"&gt; &lt;div id="content"&gt; &lt;h1&gt;HTML Ipsum Presents&lt;/h1&gt; &lt;p&gt;&lt;strong&gt;Pellentesque habitant morbi tristique&lt;/strong&gt; senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. &lt;em&gt;Aenean ultricies mi vitae est.&lt;/em&gt; Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, &lt;code&gt;commodo vitae&lt;/code&gt;, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. &lt;a href="#"&gt;Donec non enim&lt;/a&gt; in turpis pulvinar facilisis. Ut felis.&lt;/p&gt; &lt;div id="rightcol"&gt;Right sidebar&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POPage cut off with center technique
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USclairesuzy
    1. USclairesuzy
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POPage cut off with center technique
      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. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COExcelent Solution! Thank you!
      singulars
      1. PO
      1. USWeb_Designer
 

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