Note that there are some explanatory texts on larger screens.

plurals
  1. POIE7 dynamic content produces no vertical scrollbar
    primarykey
    data
    text
    <p>I've got an IE7 issue i need some help with. I'm loading in a table of data via ajax and php. Works fine everywhere except IE7 (doi). </p> <p>The problem is that there isn't a vertical scrollbar after it loads several hundred records. I've checked into the position and overflow bugs (like here: <a href="http://snook.ca/archives/html_and_css/position_relative_overflow_ie/" rel="nofollow noreferrer">http://snook.ca/archives/html_and_css/position_relative_overflow_ie/</a>) but have still had no luck as of yet.</p> <p>The arrow keys don't work, either. Only way to see what's below the fold of the browser window is to click and drag.</p> <p>Any help is appreciated.</p> <p>=================</p> <p>UPDATE:</p> <p>Wanted to include some images of what's going on. Can't give access to the page/files, has sensitive information. Hopefully this can help a bit, though.</p> <p>Before: <img src="https://i.stack.imgur.com/EOt0u.jpg" alt="before searching"></p> <p>After: <img src="https://i.stack.imgur.com/2WCIw.jpg" alt="after searching"></p> <p>The code for the table goes something like this:</p> <pre><code>&lt;div class="row hide" id="spend-table" style="display: block;"&gt;&lt;table border="0" cellpadding="4" cellspacing="0" id="spend"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th style="display: none;"&gt;Id&lt;/th&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;City&lt;/th&gt;&lt;th&gt;State&lt;/th&gt;&lt;th&gt;Vendor&lt;/th&gt;&lt;th&gt;Catalog#&lt;/th&gt;&lt;th&gt;Fac#&lt;/th&gt;&lt;th&gt;Desc&lt;/th&gt;&lt;th&gt;Quantity&lt;/th&gt;&lt;th&gt;UOM&lt;/th&gt;&lt;th&gt;Total&lt;/th&gt;&lt;th&gt;Highest&lt;/th&gt;&lt;th&gt;Lowest&lt;/th&gt;&lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td style="display: none;"&gt;35816&lt;/td&gt;&lt;td&gt;Boblawblaw&lt;/td&gt;&lt;td&gt;Law BLog&lt;/td&gt;&lt;td&gt;KY&lt;/td&gt;&lt;td&gt;The Avengers&lt;/td&gt;&lt;td&gt;DE878Z&lt;/td&gt;&lt;td&gt;12091&lt;/td&gt;&lt;td&gt;Canned Butterscotch&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;YR&lt;/td&gt;&lt;td&gt;$127.13&lt;/td&gt;&lt;td&gt;$127.13&lt;/td&gt;&lt;td&gt;$127.13&lt;/td&gt;&lt;td style="display: none;"&gt;2&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/div&gt; </code></pre> <p>The table's parent div is hidden initially, but after the search is performed (via AJAX &amp; Codeigniter) the results are kicked back from CI using the Table class to populate the div with the new info (table). </p> <p>Just to be clear: all the records show up as they ought. You can click and drag to see everything. It's simply an issue of scroll/overflow/etc. getting overlooked in IE7.</p> <p>Thanks!</p> <p>=================== Another update:</p> <p>The table, the table's containing div, and that div's containing div all have heights of 800+. The body, however, is stuck at 348px. Have zoom, position, and overflow attributes set. Out of ideas :\</p>
    singulars
    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.
 

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