Databases
StackOverflow2013
Postsdbo
POdiv Table formatting problem in IE
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POdiv Table formatting problem in IE
    primarykey
    data
    text
    <p>I'm having trouble with a div table control I wrote displaying correctly in IE.</p> <p>My "table" is just a series of divs designed to look like a table, everything looks good in FF and Chrome but can't seem to get my "rows" to display correctly in IE.</p> <p>It seems to scrunch all the rows to the left side of the table and then wrap them. I can adjust this by adjusting the row div's width but I would like to find another work around as this is a control and knowing the proper width to apply can be difficult. Here is a screen shot of what it is doing.</p> <p><img src="https://i.stack.imgur.com/slOru.png" alt="Here is what it looks like."></p> <p>Also just noticed that when I maximize my screen on my 22in widescreen monitor it lines up everything correctly. Not sure what is going there.</p> <p>here is my CSS as well, I think the titles are explanatory enough.</p> <pre><code>.dataTable { border-style: solid; border-width: .5px; border-color: #dae2c1; border-collapse: collapse; font-family: PTSansCaptionBold, Arial, Sans-Serif; } .Table div { font-size: 12px; color: #888; margin: 0; float: left; overflow: hidden; } .HeaderRow div { border: 1px solid #f3f5eb; padding: 5px 3px; background-color: #bcc3a7; color: #FFFFFF; opacity: 0.7; text-transform: uppercase; -moz-user-select: none; user-select: none; cursor: pointer; position: relative; } .DataRow { clear: both; } .DataRow div { border: 1px solid #000000; border-color: #e7ecd7; padding: 5px 3px; min-height: 12px; } </code></pre> <p>Here is some of the html</p> <pre><code>&lt;div class="HeaderRow"&gt; &lt;div style="width: 100px; text-align: left;"&gt;&lt;span id="arrow"&gt;&lt;/span&gt;DRAWING #&lt;/div&gt; &lt;div style="width: 100px; text-align: left;"&gt;&lt;span id="arrow"&gt;&lt;/span&gt;LOT #&lt;/div&gt; &lt;div style="width: 100px; text-align: left;"&gt;&lt;span id="arrow"&gt;&lt;/span&gt;Serial #&lt;/div&gt; &lt;div style="width: 100px; text-align: left;"&gt;&lt;span id="arrow"&gt;&lt;/span&gt;AS BUILT&lt;/div&gt; &lt;div style="width: 100px; text-align: left;"&gt;&lt;span id="arrow"&gt;&lt;/span&gt;AS DESIGN&lt;/div&gt; &lt;div style="width: 200px; text-align: left;"&gt;&lt;span id="arrow"&gt;&lt;/span&gt;DESCRIPTION&lt;/div&gt; &lt;/div&gt; &lt;div class="DataRow"&gt; &lt;div style="width: 100px; text-align: left;"&gt;0102-10002&lt;/div&gt; &lt;div style="width: 100px; text-align: left;"&gt; &lt;/div&gt; &lt;div style="width: 100px; text-align: left;"&gt;1004&lt;/div&gt; &lt;div style="width: 100px; text-align: left;"&gt;94&lt;/div&gt; &lt;div style="width: 100px; text-align: left;"&gt;9&lt;/div&gt; &lt;div style="width: 200px; text-align: left;"&gt;HUT (HARD UPPER TORSO ASSY)&lt;/div&gt; &lt;/div&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCollin Estes
    1. USCollin Estes
    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
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POdiv Table formatting problem in IE
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POdiv Table formatting problem in IE
      1. This table or related slice is empty.
      1. VTUpMod
    1. COBut... why didn't you use a `<table>` for this? This is exactly what the element is for.
      singulars
      1. POdiv Table formatting problem in IE
      1. USPekka 웃
    2. CODivs give me more of the flexibility I was looking for in this control.
      singulars
      1. POdiv Table formatting problem in IE
      1. USCollin Estes
    3. COcan you please post some html for 1 or 2 rows. btw. border-width of a half pix? how should that be rendered?
      singulars
      1. POdiv Table formatting problem in IE
      1. USDanielB
 

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