We have a page that shows a preview of another page (newsletter) on an iFrame. Now we have two ways of displaying this:


  
  Give the iFrame a specific height so that the user can scroll up / down within the iFrame to see the embedded page fully.
  Dynamically resize the iFrame to the height of the embedded page so that it actually gets displayed in full (without the iFrame
  scrollbars).
  


Is #1 better so that the users can access the buttons at the bottom easily (button is "Next") without scrolling 'till the end of the embedded page? (Although the disadvantage is that iFrame scrollbars are ugly.)

OR

Is #2 better so that the users actually feel like they're just seeing 1 whole page (and no scrollbars)? (Although the disadvantage of this would be the page could be very long depending on newsletter's height. But one can argue that newsletters are seldom very long and that users do scroll down.)?


Question: image processing
Answer: My suggestion to the general problem is to create an image that contains all of the characters, at known coordinates (top, bottom, left, right) and then transfer the appropriate parts of the character image into the new output image.