• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1665
  • Last Modified:

Images do not display properly in IE 7

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
0
cpwilson
Asked:
cpwilson
  • 3
  • 2
1 Solution
 
Scott BennettCommented:
Can you show the source code of how the image is displayed so we can debug it for IE?
0
 
cpwilsonAuthor Commented:
Site is viewable at http://devannahs-boutique.com/test/products.cfm

Code used as follows:

<cfoutput>
                                    
                                          <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 )>
                                                <tr>
                                          </cfif>
                                                 
                                                   <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>                                                                                          
                                                            </cfif>                     
                                                        
                                                         <br><br><a href="product_details.cfm?view_productID=#productID#">#product_name#</a>                     
                                                         <br><b>#dollarformat(the_price)#</b>            
                                                        
                                                         <!----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>
                                                        
                                                         </div>
                                                        
                                                   </td>
                                                   
                                                  <cfif counter is cells_across or currentrow is rowsperpage>
               
                                                         </tr>
                                                        
                                                        <!----give some space between each row---->
                                                         <tr height="16">
                                                              <td class="content" colspan="#cells_across#"></td>
                                                         </tr>
                                                   
                                                  </cfif>
                                                 
                                                  <cfif counter is cells_across>
                                                        <cfset counter = 1>
                                                  <cfelse>
                                                        <cfset counter = counter + 1>
                                                  </cfif>              
                                                
                                                </cfloop>
                                          
                                          </table>
                                                                                            
                                          </cfoutput>
0
 
cpwilsonAuthor Commented:
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
0
 
Scott BennettCommented:
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.

0
 
cpwilsonAuthor Commented:
My apologies on the link.
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now