troubleshooting Question

Back ground images does not work in ie7

Avatar of Jagadeesh M
Jagadeesh MFlag for United States of America asked on
CSSHTMLWeb Browsers
4 Comments1 Solution1165 ViewsLast Modified:
Hi Guys -

here is the sample code -

<html>
      <head>
            <title> Test</title>
            
            <style>
                  
                  
                  div.verticalScroll div.containerTop table td      {
      /* Structure: */       vertical-align:bottom;overflow:hidden;padding-bottom:4px;padding-left:4px;padding-right:4px;
      /*    Format: */       border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  font-weight:bold;
                                    background-image:url("C:/WID/ValhallaUI - ELP Property Content Updated UI/PropertyWSClient/WebContent/common/main/ecptest/images/ECP_Bar_24px_Grad_CoolGray.gif");
                                    background-position:bottom left; background-attachment:fixed;
                                    background-repeat:repeat-x;
                                    border: 1px solid green;
</div>
            </style
            
            
      </head>
      
      <body>
            
      <div id="RatePlanList" class="verticalScroll singleSelectable advancedActionBar" onselectstart="disableSelect();">
                  <div class="containerTop">
                                    <table cellpadding="0" cellspacing="0">
                                          <tr>
                                                <td> asdfasdf</td>
                                                <td> asdfasdf</td>
                                                <td> asdfasdf</td>
                                                <td> asdfasdf</td>
                                          </tr>
                                          <tr>
                                                <td> asdfasdf</td>
                                                <td> asdfasdf</td>
                                                <td> asdfasdf</td>
                                                <td> asdfasdf</td>
                                          </tr>
                                          <tr>
                                                <td> asdfasdf</td>
                                                <td> asdfasdf</td>
                                                <td> asdfasdf</td>
                                                <td> asdfasdf</td>
                                          </tr>
                                          
                                    </table>
                              </div>
                        </div>
                        
                  </body>
                  </html>      
                        
Issue: I'm trying to display an image in the td tags which will repeat in x direction (repeat-x). The above works in IE6 but not in IE7.

In IE7 it does not show the background image at all. But if i just say repeat instead of repeat-x in the style it comes up.....but i just wanted it to be repeated in  direction..i mean repeat-x;

Please Adive!

Thank you,                                          
ASKER CERTIFIED SOLUTION
bdichiara

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 4 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 4 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros