The background image bg.gif is 690 x 1000px but it has gray background and shadow at the sides so the black part is much less wide. I think the iframe needs to be less wide and centralised. It also needs to be lower to show the blue links below DESIGN PORTFOLIO in IE7.
Add a containing div and its </div> closing tag and edit the iframe:-
Code:
...............</script>
<div style="width: 630px; margin: 15px auto 0 auto;">
<iframe src="portfolio/print.html" id="port" name="port" width="630" height="500" scrolling="no" frameborder="0">
<!-- Alternate content for non-supporting browsers here -->
<noframes>
<p>This iframe contains print.html</p>
</noframes>
</iframe>
</div>
</div>
</div>
<div id="fbar"></div>
</div>
</body>
You don't need vspace and hspace as well as width and height (the validator shows them as errors). Frameborder gets rid of the border and the containing div is less wide and centralised and 15px lower.
The favicon link needs to end as />
<link rel="shortcut icon" href="favicon.ico" />
Javascript in the second place needs to be
<script type="text/javascript">
not
<script language="JavaScript">
Use the validator http://validator.w3.org/ before and afterwards. I got no errors afterwards.
It's OK in IE7, Firefox, Opera and Safari for Windows but in Opera the file in the iframe http://www.kreativ.cn/portfolio/print.html has a white background and the main file background is not showing through. Can you make it a black background in http://www.kreativ.cn/portfolio/print.html ?
Code downloaded to my PC will be deleted in due course.
WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.