Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I think you are looking at the background on the content-wrapper div as shown below. Since the width of that element is set to 100%, and the center-block div has a fixed width of 1000px, if you collapse the window to a width that is less than the 1000px the content wrapper will not display and the background will effectively disappear.</p> <p>HTML Element...</p> <pre><code>&lt;div id="content-wrapper"&gt; &lt;div class="center-block"&gt; .... &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Relevant CSS:</p> <pre><code>#content-wrapper { margin: 0 auto; width: 100%; background-image: url(/images/content-background.png); background-position: center top; background-repeat: repeat-y; } #content-wrapper .center-block { width: 1000px; } </code></pre> <p>With regards to the header, you will see that it has a declaration of</p> <pre><code>#header { width : 100% ... } </code></pre> <p>This will set the width of the element to with width of the parent container - in this case it is the active window (in your case is 900px or less). However, since there are other elements on the page which specify a width of 1000px or more, the content inside of those divs appears beyond that. </p> <p>You could have the page expand by setting the width of body to 1000px (or whatever the maximum width of the page is) in which case, the header would expand to 100% of that size. Or, you could surround the whole content with a relatively positioned , and then the 100% directive would indicate 100% of the width of the surrounding div and not just the window. </p>
    singulars
    1. This table or related slice is empty.
    1. POBackground Image is being cut off
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USjcern
    1. USjcern
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POBackground Image is being cut off
      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
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COGood one jcern. I think you got the point. However it's not just about content-wrapper. If you check banner and header it shows the same problem. Could you explain for both of them? Also contact floating icon hang up at the wrong position if we resize to smaller window
      singulars
      1. PO
      1. USDavid Rozando
    2. COAlso, with regards to the contact button it gets screwed up in a small window because it has an absolute position (position : absolute; right : 0). That will make it display on the rightmost side of it's parent container regardless of anything else that may appear in it.
      singulars
      1. PO
      1. USjcern
 

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