Home/ Questions/Q 7128185
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T11:06:43+00:00

I’m using a jQuery slider to adjust the padding of a DIV containing paragraph

  • 0

I’m using a jQuery slider to adjust the padding of a DIV containing paragraph text. As I increase the padding on all sides equally, it should force the enclosed paragraphs into an ever-narrower column, in the center of the page.

This works in Firefox, but in Chrome the paragraph widths remain constant (i.e. they don’t become narrower as the DIV’s padding pushes in on them), so pushing the layout to the right.

I’ve recreated the issue here: jsfiddle.net/ms3Jd. You can try it in Chrome and Firefox to see the difference.

Any ideas on how to force Chrome to refresh the enclosed paragraphs?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I know there are ways to force (or trick) Chrome to
    refresh/redraw/recalcuate the page elements, but don’t know how to do
    it. Any ideas?

    Taken from here: How can I force WebKit to redraw/repaint to propagate style changes?

    sel.style.display='none';
sel.offsetHeight; // no need to store this anywhere, the reference is enough
sel.style.display='block';

    I quickly applied it here, but you should make it into a function: http://jsfiddle.net/thirtydot/ms3Jd/5/

    • 0