Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Going from your example fiddle, you were most of the way there. All you have to do is make your backgroundTexture div <code>height</code> and <code>width</code> <code>100%</code> instead of the static pixel values you used:</p> <pre><code>#backtexture { position: absolute; overflow: hidden; width: 100%; height: 100%; background : url('http://static.tumblr.com/wyzt2fm/Hq8mhgfry/hp_asset_diagonalline.png'); } </code></pre> <hr> <p><strong><em>MORE SIMPLE UPDATE:</em></strong><br> Simplicity is best most times.<br> All you should need to do is add:</p> <pre><code>body{ position: relative } </code></pre> <p>Don't bother making the container div and rearranging the elements as below, just making the body's position relative should fix this for you.</p> <hr> <p><strong><em>UPDATE:</em></strong> <em>(Use update above, keeping this for posterity)</em><br> As per the comments below, with the code above any content that makes the window scroll beyond the visible space will not include the background. This is because the div is set to <code>position: absolute</code> and <code>height/width: 100%</code>. The div is getting sized to the size of the viewable space, but any content that extends beyond that will cause the background div to look like it has stopped. To fix this problem you just need to tweak your HTML and CSS a little bit more. Instead of the CSS above use:</p> <pre><code>#backtexture { width: 100%; height: 100%; background : url('http://static.tumblr.com/wyzt2fm/Hq8mhgfry/hp_asset_diagonalline.png'); } </code></pre> <p>Notice we removed the <code>position:absolute</code> and <code>overflow:hidden</code>. Next we change the HTML so that the background isn't just an empty div placed on the page, but instead used as a container for all other elements on the page:</p> <pre><code>&lt;div id="backtexture"&gt; &lt;div id="redtop"&gt;&lt;/div&gt; &lt;div id="orangetop"&gt;&lt;/div&gt; &lt;div id="yellowtop"&gt;&lt;/div&gt; &lt;div id="wrapper"&gt; &lt;/div&gt; </code></pre> <p>And that should do it.</p> <p>Forked fiddle: <a href="http://jsfiddle.net/digthedoug/pVxSq/" rel="nofollow">http://jsfiddle.net/digthedoug/pVxSq/</a></p>
    singulars
    1. This table or related slice is empty.
    1. POTiling an image over a whole page when I am already using the background
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USDigTheDoug
    1. USDigTheDoug
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POTiling an image over a whole page when I am already using the background
      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
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COOf course that's the right answer. I should have tried that in the first place but I am stupid.
      singulars
      1. PO
      1. USGlenn
    2. COUpon testing in the jsfiddle, it's fine. The problem is, as soon as you scroll down as you add content, the texture doesn't extend. Example http://jsfiddle.net/YPXmT/1/
      singulars
      1. PO
      1. USGlenn
    3. COIt's because you are using `position:absolute;`. I'll post an explanation and fix above.
      singulars
      1. PO
      1. USDigTheDoug
 

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