Databases
StackOverflow2013
Postsdbo
POText spilling out of div - overflow: auto not working
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POText spilling out of div - overflow: auto not working
    text
    copied!<p>if you go <a href="http://ewsprojects.com/~lyons/new.php" rel="nofollow">here</a> and click on a thumbnail, and then on one of the tags, you'll see my problem. For the tags that have too much text and overfow, it's not putting in a scrollbar. I can't put a fixed width because the first part, the title, varies from one submission to the other. </p> <p>Here's the css for the part that's supposed to put in the scroll when needed.</p> <pre><code>#scroll-pane{ left: -3px; position: relative; width: 100%; overflow: auto; font-family:helvetica; font-size:11px; color:#fff; } </code></pre> <p>Any ideas? I'm sure this is an easy question for you guys.</p> <p>PeeHaa:</p> <pre><code>(function($) { $('#tag_info1').each(function() { var container = $(this); var total_height = container.height(); var content_height = parseInt($('span.tag_title', container).outerHeight(true), 10) + parseInt($('span.tag_submission', container).outerHeight(true), 10); var p_height = 0; p_height+=parseInt($('span.tag_submission_text', container).css('padding-top'), 10); p_height+=parseInt($('span.tag_submission_text', container).css('padding-bottom'), 10); p_height+=parseInt($('span.tag_submission_text', container).css('margin-top'), 10); p_height+=parseInt($('span.tag_submission_text', container).css('margin-bottom'), 10); p_height+=parseInt($('span.tag_submission_text', container).css('borderTopWidth'), 10); p_height+=parseInt($('span.tag_submission_text', container).css('borderBottomWidth'), 10); $('span.tag_submission_text', this).height(total_height-content_height-p_height); }); })(jQuery); </code></pre> <p>Tried to get it to work with mine, but to no avail :(</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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