PDA

View Full Version : <iframe> + .swf ... problem from hell



kade119
13 Sep 2007, 10:20 AM
Wickham!!... sir, i cannot get this iframe and swf to line up correctly on my page.. was trying to make transitioning iframes to switch .swf galleries the page wouldn't have to reload so .. if you go to this link http://www.kreativ.cn/portfolio.html

you will see 3 links are so ... resume, print, web each contain a .swf that import thru iframes... but look at in firefox and then look at in IE..

IE is the devil not me! hope you can help me curse this ie plague

Wickham
13 Sep 2007, 01:49 PM
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:-


...............</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 ?