Databases
StackOverflow2013
Postsdbo
POHow to make sure block-inline is working?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to make sure block-inline is working?
    primarykey
    data
    text
    <p>I'm having an CSS-problem on my hands which I just can't seem to figure out. </p> <p>My goal is to achieve this:</p> <p>There is a very big div (voyagescontainer), of 2190px width. Within that div, I have several smaller divs (voyages), which contains more divs (a fasecontainer with 4 fase-divs and underneath that an information-div, as wide as the fasecontainerdiv). </p> <p>The problem I'm having is that the four fase-divs are not inline (although the CSS says "display: inline-block") but underneath each other when they are displayed outside the scope of the superparent div (which can scroll) I want them next to each other, but I can't seem to fix it. They appear nice and neath when they are placed inside the scope of the parentdiv. </p> <p>To illustrate: I've made a JSfiddle with two voyages. One is immediately in sight (and works) and the second one is more to the right. As you can see, this one isn't neath at all.</p> <p><a href="http://jsfiddle.net/8BCur/1/" rel="nofollow">http://jsfiddle.net/8BCur/1/</a></p> <p>What do I miss? </p> <p><strong>EDIT</strong></p> <p>The point of the two voyages-divs being far apart from each other is because the voyagesdiv and the timelinediv are inherent to time. The start of the div is 1/1/2012 and the end is exactly 5years later, with 1day=4px. I retrieve the start date of a voyage from a database, and calculate the number of days between that date and 1/1/2012. That times 4 is the number of pixels the voyage-div needs to be left, relative to the voyageSdiv (which is 7304px wide). </p> <p>Therefor, float and block will not work, because now they lost their position (which is the point of showing the voyage-divs ;) ).</p> <p>Later on, when this is working, I'm making the div's resizable/draggable with jQuery so we can graphically plan stuff on the time-line. </p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDjerro Neth
    1. USDjerro Neth
    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