Hi,

I have had this issue a few times and I keep forgetting exactly what I did to fix it in each case, but some things you may want to look at are your module prefs if using scrolling. This will give the gadget scrollbars if the inner content is larger then the specified settings.

You can disable scrolling and use dynamic height instead. Also make sure your gadgets inner content is "liquid" in design so it will flow to the gadgets size (avoid things like <div style="width:500px;">Text or images</div>)

Additionally, with IE some CSS tweaks and or hacks may be needed (I believe gadgets get rendered in quirks mode, something developers have been asking for control over for a while), but before getting to fancy, I would just try making sure the body margins are set to 0 to start <style type="text/css"> body{margin:0px;padding0px;} </style>

Another possible option I use on one of my feed gadgets so dynamic height does not hijack page space when returning larger amounts of data is to contain it in an element with a fixed hight and overflow properties.

sample:

<div style="height:500px;overflow:auto;">Text or images</div>

This should still allow the content to size for width settings, but having the fixed height with the overflow set will produce scrollbars for that element only. This can help produce a clean and compact gadget design and you can set default height settings in the gadget module prefs additionally to adjusting it with dynamic height.

last tip, if you have really long un-breaking strings of text (like a long url) this can cause your dual scrollbars also. Possibly the case in one of your screen shots where the images are too large for the gadgets container. (see previous tips)

I hope this helps :-)

Cheers! Vision Jinx

On Jan 25, 2:06 am, "kimm...@gmail.com" <kimm...@gmail.com> wrote: