Note that there are some explanatory texts on larger screens.

plurals
  1. POiframe inside of a div which populates data from the server. I have to scroll inside of the iframe when i still have real estate on my page
    primarykey
    data
    text
    <p>Here's my div and my iframe:</p> <pre><code>&lt;div class="divMinorView"&gt; &lt;!-- Selected order--&gt; &lt;iframe id="ifMinor" src="#"&gt;&lt;/iframe&gt; &lt;/div&gt; </code></pre> <p>Also inside the iframe I have this table, it populates rows of data, sometimes 10 rows, maybe 50 to 100 at times.:</p> <pre><code>&lt;table id="slot_table"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;&amp;nbsp;&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody id="slot_rows"&gt; &lt;?php if (count($slots) == 0): ?&gt; &lt;tr class="none"&gt; &lt;td colspan=9&gt;No slots found in that minor code.&lt;/td&gt; &lt;/tr&gt; &lt;?php else: ?&gt; &lt;?php foreach ($slots as $slot): ?&gt; &lt;tr &lt;?php if ($slot-&gt;is_expired($end_db_fmt)) { echo 'class="expired"'; } ?&gt;&gt; &lt;td class="actions"&gt; &lt;?php if (!$slot-&gt;is_expired($end_db_fmt)): ?&gt; &lt;span class="expire_slot"&gt;X&lt;/span&gt; &lt;span class="expire_error faux_links tip" data-tip="There has been an error"&gt;&lt;img src="/images/thumbs_down_ico.png" width="13" height="13"&gt;&lt;/span&gt; &lt;?php endif; ?&gt; &lt;/td&gt; &lt;/tr&gt; &lt;?php endforeach; ?&gt; &lt;?php endif; ?&gt; &lt;/tbody&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt; &lt;select id="new_style" name="style"&gt; &lt;?php foreach ($style_list as $style): ?&gt; &lt;option value="&lt;?php echo $style-&gt;get_id(); ?&gt;"&gt;&lt;?php echo $style-&gt;get_desc(); ?&gt;&lt;/option&gt; &lt;?php endforeach; ?&gt; &lt;/select&gt; &lt;/td&gt; &lt;td class="ints"&gt;&lt;input id="new_price" type="text" name="price_point" value=""&gt;&lt;/td&gt; &lt;td&gt;&lt;input type="submit" name="add_slot" id="add_slot" value="Add slot"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>I've tried setting the css to <code>height:100%;</code> as well as setting <code>body{ margin:0; }</code> I've tried setting the iframe id to <code>scrolling="no"</code>.</p> <p>I'm not sure why I can't get the data to populate to the bottom of the screen. It shouldn't need to scroll, unless maybe the data being populated fills up all the real estate on the page than scroll.</p> <p>Any help would be greatly appreciated. Should i be using some jquery to fix the height issues?</p> <pre><code>$("iframe").height($("#divMinorView").height()); $(window).resize(function() { $("iframe").height($("#divMinorView").height()); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    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.
 

Querying!

 
Guidance

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