Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If the height is not behaving as expected, so try to set a height for <code>.column</code>. Your <code>textarea</code> is inside of a column and its height is a percentage of his father, but, <em>how high is your father?</em></p> <h2>Updated</h2> <p>You told that the <code>.center</code> layer is overlapped by the columns if you set a height to the <code>textarea</code>, right? Then we must to set the columns relative to each other and we have to explain to HTML that our <code>.center</code> should to be after our columns. To do this, follow the code:</p> <pre><code>.column { width: 48%; height: 500px; /* for example */ position: relative; /* add this to trasnform your columns relative to each other */ margin: 1%; float: left; } textarea { min-width: 100%; max-width: 100%; width: 90%; height: 90%; min-height: 80%; max-height: 80%; overflow: auto; } .center { width: 100%; /* to specify that your "center" must to occupy 100% of the width on the screen. */ position: relative; /* to transform the position to relative */ float: left; /* to accompany the columns' floating */ clear: both; text-align: center; } </code></pre> <h2>Percentage comprehension</h2> <p>Just to make things look better for you: <em>to work with percentage, we <strong>need</strong> an initial point</em>. This means that for something to have 80% of the height of something else, we need to know the height of something else.</p> <p>In other words, to <code>.something</code> have 80% of height, we need to know the height of his father, and if his father have 90% of height, the father of his father must to have a specified height. At some point, we need a defined height.</p> <h2>JavaScript alternative</h2> <p>As I said, I have worked too much with percentage measures and no success to found a solution with pure CSS 2.1. Thereat, I created this <em>mini-plugin</em> in JavaScript + jQuery. No work-a-rounds:</p> <pre><code>function calculateResponsiveHeight(couple) { for (var value in couple) { $(value) .css("height", $(couple[value].wrapper).height() - couple[value].spacing + "px"); } } </code></pre> <p>Usage:</p> <pre><code>calculateResponsiveHeight({ ".content": { spacing: 135, // how much you want to spacing your layer? wrapper: window // who is the reference point? } }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. PODisplay textarea size consistently in all Browsers
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USGuilherme Oderdenge
    1. USGuilherme Oderdenge
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PODisplay textarea size consistently in all Browsers
      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. CODid add the width and height, only the width is being affected, the height remains at only 1 line height.
      singulars
      1. PO
      1. USLearningDeveloper
    2. COTake a look at my update, Gautham.
      singulars
      1. PO
      1. USGuilherme Oderdenge
    3. COdoing that pushes my *Compress Button* an inch or so down the page..
      singulars
      1. PO
      1. USLearningDeveloper
 

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