Databases
StackOverflow2013
Postsdbo
POPrinting issue in IE
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPrinting issue in IE
    primarykey
    data
    text
    <p>I am trying support printing my UI in IE, but am having issues (Chrome is fine).</p> <p>This is how HTML looks like:</p> <pre><code>tr { height: 120px; } td div { height: 18px; width: 225px; background-color: green; position: absolute; } </code></pre> <p>HTML</p> <pre><code>&lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;Row1 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row2 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row3 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row4 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row5 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row6 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row7 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row8 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row9 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row10 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row11 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Row12 &lt;div&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; </code></pre> <p>The above is also in JSFiddle here: </p> <p><a href="http://jsfiddle.net/52Qn7/2/" rel="nofollow noreferrer">http://jsfiddle.net/52Qn7/2/</a> </p> <p><a href="http://jsfiddle.net/52Qn7/2/show" rel="nofollow noreferrer">http://jsfiddle.net/52Qn7/2/show</a></p> <p>While printing this, prints in 2 pages which is fine, but the divs which has green color placed in "td" is not printing in the second page and pushed it into page 3 in IE, which obviously is not correct!</p> <p>Here is the screenshot of the print out in IE: <img src="https://i.stack.imgur.com/2gkaz.png" alt="enter image description here"></p> <p>Here is the how the print out should be as printed via Chrome: <img src="https://i.stack.imgur.com/oVaGK.png" alt="enter image description here"></p> <p>Can you tell me what might be wrong?</p> <p><strong>EDIT:</strong></p> <p>I have two tables within a single table row. The other table prints fine. Everything will be printed fine, when i remove the <strong>position: absolute</strong> for "div" which has green color. But, my logic will broken when i remove that style.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USRajagopal 웃
    1. USRajagopal 웃
    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. This table or related slice is empty.
    1. This table or related slice is empty.
    1. COThe green lines arn't showing up in my print preview in IE :/
      singulars
      1. POPrinting issue in IE
      1. USPaddyd
    2. COPlease select the "Print Background Colors and Images" in print settings
      singulars
      1. POPrinting issue in IE
      1. USRajagopal 웃
    3. COYou should really put all that styling into a css file. It would improve readability and reduce repeated code!
      singulars
      1. POPrinting issue in IE
      1. USPaddyd
 

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