Sure...
Like you said, it is an iframe overlay with some absolute positioning. You'll have to play around with the CSS postion values to get it to line up correctly. Also, you should first measure the area you want to show and then make the iframe that exact size THEN play with the positing.
I didn't do that so you'll see that the iframe is quite larger than it needs to be on the home page.
Anyway, my html and CSS are thus (just the important parts, i trust you can add the rest:
index.html
Code:
<iframe src="inside.html" width="610" height="403" frameborder="none" marginheight="0" marginwidth="0" ></iframe>
inside.html
Code:
<div style='position:absolute;width:100%;height:100%;top:-130px;left:-160px;'>
<iframe src="http://www.yahoo.com" width="100%" height="100%" frameborder="none" marginheight="0" marginwidth="0" scrolling="no"></iframe>
</div>
Again, I feel like this is a very amateur way of doing it. But hey, it works!
Bookmarks