Images do not display properly in IE 7

Posted on 2007-10-14
Last Modified: 2009-12-16
Have shopping cart done in CF. Thumbnails do not fully display when viewing in IE 7, but works excellent in previous versions. Entire layout is generated from style sheet. When clicking thumbnail (as much as is visible) full image is visible.

Open to any and all suggestions
Question by:cpwilson
    LVL 14

    Expert Comment

    Can you show the source code of how the image is displayed so we can debug it for IE?

    Author Comment

    Site is viewable at

    Code used as follows:

                                              <table width="10%" cellpadding="3" cellspacing="3" border="0">
                                              <cfset counter = 1>
                                              <cfloop query="getproducts" startrow="#url.startrow#" endrow="#endrow#">                                                      
                                              <cfif  counter is "1" or counter is ( cells_across + 1 )>
                                                       <td class="content" valign="top" width="#the_width_percentage#">
                                                             <div align="center" style="padding: 4px 4px 4px 4px; border: 1px solid ##CCCCCC; width: #cell_width#px; height: #cell_height#px;">                   
                                                             <cfset the_price = price_each>
                                                             <!-----is there a SALE PRICE????---->
                                                                <cfif sale_price gt "0.01">                        
                                                                      <cfset the_price = sale_price>                                                                                          
                                                             <br><br><a href="product_details.cfm?view_productID=#productID#">#product_name#</a>                     
                                                             <!----display product thumbnail IF there is one---->
                                                             <cfif product_thumbnail is not "">
                                                             <br><a href="product_details.cfm?view_productID=#productID#"><img src="product_images/#product_thumbnail#" border="0" alt="#product_name# - Purchase Online Secure!" width="110"></a>         <br>
                                                      <cfif counter is cells_across or currentrow is rowsperpage>
                                                            <!----give some space between each row---->
                                                             <tr height="16">
                                                                  <td class="content" colspan="#cells_across#"></td>
                                                      <cfif counter is cells_across>
                                                            <cfset counter = 1>
                                                            <cfset counter = counter + 1>

    Author Comment

    In IE 7 only portions of thumbnail can be viewed. In FF and Opera, full thumbnail viewed but text and link skewed. Starting to think this may be problem with css
    LVL 14

    Accepted Solution

    I don't think it's appropriate or even allowed to post links to adult themed sites like that on EE, if you can edit that post to remove the link or have community support moderators remove it for you that would probably be best. From here out you should probably just post source code instead of links to your site.

    what you need to do though is tweak the variable #cell_height# your are using in the style attributes of your div tags in the loop to be more like 150 to 200 pixels instead of just 100 because your thumnails themselves are 142 pixels so if you want the whole thumnail and the text to be viewable then you need to increase it.


    Author Comment

    My apologies on the link.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Suggested Solutions

    Title # Comments Views Activity
    <cfquery> to Excel 5 47
    Database structure 4 106
    Having an issue with NumberFormat 7 49
    Coldfusion retrieve dynamic values 1 19
    The technique is by far very Simple! How we can export the ColdFusion query results to DOC file?  Well before writing this I researched a lot in Internet but did not found a good Answer anyways!  So i thought now i should share my small snippet w…
    Hi. There are several upload tutorials using jquery and coldfusion. I found a very interesting one here Upload Your Files using Jquery & ColdFusion and Preview them ( . I did keep the main js functions but made sever…
    Sending a Secure fax is easy with eFax Corporate ( First, Just open a new email message.  In the To field, type your recipient's fax number You can even send a secure international fax — just include t…
    Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    7 Experts available now in Live!

    Get 1:1 Help Now