Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member Twisted-Daemon's Avatar
    Join Date
    Jul 2007
    Posts
    1
    Member #
    15473
    In Firefox the code below creates a photo album much like the Windows filmstrip album. You click the thumb and it appears in the iframe, it looks pretty snazzy.

    However IE decides it'll let 'filmstrip' go on past the screen and makes the album look a mess....

    Go here and go to photos, choose an album to see what I'm talking about

    Can anyone tell me how to make it look like it should in both browsers?

    Code:
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="http://www.twisted-reality.co.uk/content.css">
    </head>
    <body bgcolor="black">
    <div style="width650px;height:130px;overflow-y:auto;overflow-x:auto;border:1px solid black;">
    <table align="center">
    <tr>
    <td>
    <a href="/images/albums/the-guys/1.JPG" target="photos"><img src="/images/albums/the-guys/thumbs/1.gif"></a>
    </td>
    <td>
    <a href="/images/albums/the-guys/2.JPG" target="photos"><img src="/images/albums/the-guys/thumbs/2.gif"></a>
    </td>
    <td>
    <a href="/images/albums/the-guys/3.JPG" target="photos"><img src="/images/albums/the-guys/thumbs/3.gif"></a>
    </td>
    <td>
    MORE EXAMPLE PICTURES ETC....
    </td>
    </tr>
    </table>
    </div>
    <table align="center">
    <tr>
    <td>
    <iframe src ="http://www.joecartoon.com" height="350px" width="450px" frameborder="0" name="photos" scrolling="no">
    </td>
    </tr>
    </table>
    </body>
    </html>

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    The main problem you're having is that FF resizes the photo to fit the <iframe>,
    but IE does not... and since you have, scrolling="no" it won't add the scrollbars either.

    You also have nested <iframes> ...

    With your main site, you have your navigation on the left, and the whole
    right part (content) is an <iframe>. You should make the left navigation a
    <div> and the right part a <div> and lose that <iframe>

    Now, you'll be using an iframe only for the photo page.

    You have a couple of options there ... you might want to look into "lightbox".
    http://www.huddletogether.com/projects/lightbox2/
    This will eliminate all of your <iframes>and display using Javascripting.

    Another option ...
    You could try using some PHP to dynamically resize your photos to fit
    your existing <iframe> ... specifically, the GD library, where you can manipulate
    the jpeg image before it's served to the browser.

    ==============

    The bottom line in all of this is really a site re-design. You might want to find
    an existing CSS layout that fits your needs and start all over. Get rid of all your
    <tables> and such.

    http://www.google.com/search?hl=en&q...es&btnG=Search



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:30 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com