I wanted to grab just one part of a National Weather Service page to use in the weather section of my portal.  Since you can no longer set areas in a regular iframe (iframe will only display entire target page) I found some CSS code that will allow you to grab just the portion of the page you want. I placed that in a text/html module and it works great.

But.....  it uses inline CSS and when I place another text/html module on the page using the same code but with different settings to grab a different portion of the target url both text-html modules end up displaying the same portion of the target page even though each module has different pixel settings in their code. I'm guessing this has something to do with the CSS. Does anyone know of a solution for this?

Although I know it would be better to use an API or some other more professional solution I am just trying to throw together a prototype site right at the moment to show to some people. Here is the code I am placing in the text/html module:

<style> #outerdiv { width:335px; height:678px; overflow:hidden; position:relative; } #inneriframe { position:absolute; top:-361px; left:-2px; width:1280px; height:1200px; } </style> <div id='outerdiv'> <iframe src="http://radar.weather.gov/radar.php?rid=iln&product=N0R&overlay=11101111&loop=no" id='inneriframe' scrolling=no></iframe> </div>

Any help would be greatly appreciated.

Greg