Results 1 to 2 of 2

Thread: <iframe> + .swf ... problem from hell

  1. #1
    Join Date
    Mar 2007
    Posts
    131

    <iframe> + .swf ... problem from hell

    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

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    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.

Similar Threads

  1. Internet Explorer Page Cannot Be Displayed Problem
    By y2ksrs in forum General Questions
    Replies: 0
    Last Post: 16 Sep 2005, 04:13 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •