Note that there are some explanatory texts on larger screens.

plurals
  1. POText spilling out of div - overflow: auto not working
    primarykey
    data
    text
    <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>
    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.
    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