Databases
StackOverflow2013
Postsdbo
POcss styling of division within division in chrome
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POcss styling of division within division in chrome
    primarykey
    data
    text
    <p>I have a css sub-level question. normally people seem to define a style for a specific class. This is what I started out with:</p> <pre><code>.divholder { width:750px; border:none font-size:12; display:inline-block; overflow: hidden; white-space: nowrap; } .five { width:100px; display:inline-block; overflow: hidden; white-space: nowrap; float:left; } </code></pre> <p>This worked fine to make a division with five subdivisions within that larger one. it currently holds buttons in an online form with five options, so hence the five. Now Im trying to specify the division in my css file, so that I do not constantly have to define the div class="..." in the html part. This looks as follows:</p> <pre><code>form.cmxform div { width:750px; border:none; font-size:12; display:inline-block; overflow: hidden; white-space: nowrap; } form.cmxform div div { width:100px; display:inline-block; overflow: hidden; white-space: nowrap; float:left; } </code></pre> <p>The specs are simply copied from the classes, which work well in chrome and IE. Oddly enough, when I apply the above sub-specifications, it works in IE, but not in Chrome. Chrome puts every division on a seperate line with the lower code, but not with the top code. Does anybody have an idea why this would be the case, and how I could solve it? thanks for any advice or remarks you might have!</p> <p>*edit the html code this applies to is the following:</p> <pre><code>&lt;li&gt;&lt;label&gt;&amp;nbsp;&lt;/label&gt;&lt;div&gt;&lt;div class="five"&gt;Zeker Niet&lt;/div&gt;&lt;div class="five"&gt;&amp;nbsp;&lt;/div&gt;&lt;div class="five"&gt;&amp;nbsp;&lt;/div&gt;&lt;div class="five"&gt;&amp;nbsp;&lt;/div&gt;&lt;div class="five"&gt;Zeker Wel&lt;/div&gt;&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;label&gt;&amp;nbsp;&lt;/label&gt;&lt;div&gt;&lt;div&gt;--&lt;/div&gt;&lt;div&gt;-&lt;/div&gt;&lt;div&gt;0&lt;/div&gt;&lt;div&gt;+&lt;/div&gt;&lt;div&gt;++&lt;/div&gt;&lt;/div&gt;&lt;/li&gt; </code></pre> <p>The top-line in which the div class is specifiek works well in both chrome and IE9, but the line below it only works in IE9, not chrome</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJeroen
    1. USJeroen
    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. COPlease post the HTML this applies to and if possible, a jsFiddle example.
      singulars
      1. POcss styling of division within division in chrome
      1. USj08691
    2. COIt would also help greatly to identify which version of IE you are using, as your CSS code contains some HTML5 elements, that the older versions of IE do not support.
      singulars
      1. POcss styling of division within division in chrome
      1. USSnikrs
    3. COsorry, I added part of the html text.
      singulars
      1. POcss styling of division within division in chrome
      1. USJeroen
 

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