Internet Explorer中的图片很大，而Firefox和Chrome都很好

Question

培训师图片的图片是巨大的，而firefox Chrome或Safari浏览器中的图片大小正常。我假设这是一个与CSS与ie的怪癖，但我有足够的经验知道什么具体应该修复。

更新：我已修复显示正确大小的图像部分，但图片所在的单元格与图片很大时的大小仍然相同。什么可能导致单元格在IE中很大，但不是Firefox，Chrome，safari。

 <tr> 
     <td class = "spacer"></td> 
     <td class = "trspacer" colspan = "1"></td> 
     <td class="trainerimg" colspan = "1"><img src = "images/deanne.jpg" alt = "Deanne" /></td> 
     <td class="trainer2" colspan = "4" style= "font-size:14"><h2>Deanne Cox</h2><p>Having been in the fitness field for over 25 years, I have worn many hats. I have owned a gym, worked in a rehabilitation clinic, taught a variety of group exercise classes, been a personal trainer, and held several management positions in a big health club. Although the experiences were all different, the one constant was working with people who had ideas, dreams, and goals that involved self-improvement of one type or another: gain or lose weight, gain muscle/get stronger, increase flexibility, run faster, pass the fitness test to get the job, get off medication, avoid surgery, stress relief, and the list goes on and on. The best part is, no matter how big or small the goal, any degree of improvement is a success. And helping clients achieve this success is incredibly rewarding. So while I am in the exercise business, it is really about the people. And the people are why, after all these years, I still love what I do.</p> 

<p>American Council on Exercise (ACE), American Institute of Fitness Educators, (AIFE), Cooper Institute, RehabTex - Exercise Specialist, PregnaCare Director, TRX Personal Training, TRX Group Training, RIPPED, CPR/AED</p></td> 
     <td class = "trspacer" colspan = "1"></td> 
     <td class = "spacer"></td> 
     </tr> 
     <tr> 
     <td class = "spacer"></td> 
     <td class = "trspacer" colspan = "1"></td> 
     <td class="trainerimg" colspan = "1"><img src = "images/betsy.jpg" alt = "Betsy" /></td> 
     <td class="trainer" colspan = "4" style= "font-size:14"><h2>Betsy Cooper</h2><p>My passion is to empower and motivate my clients through fitness so 
they can live happy and healthy lives. I also believe that the only person you should try to be better than, is the person you were yesterday! Before joining the The San Antonio Country Club Fitness Center, I was the Wellness 
Director at The Towers on Park Lane. 


My previous fitness experiences include working at 
the Concord Athletic Club for over 10 years. 
In supervisory positions at the Concord, I instructed 
a variety of group fitness classes and worked in the Health and 
Fitness Center conducting an array of health screenings 
and assisted in teaching the "Fit for Life" program for 
weight management. I even took my 
experience to the Caribbean Seas as the Activities Director on a 
Cruise Ship.</p> 
<p>The Physicalmind Institute for Pilates mat instruction, 
Polestar Pilates for instruction on Pilates equipment, (AFAA) Aerobics and Fitness 
Association of America, People with Arthritis Can Exercise (PACE), CPR/AED </p></td> 
     <td class="trspacer" colspan = "1"></td> 
     <td class = "spacer"></td> 
     </tr> 
     <tr> 
     <td class = "spacer"></td> 
     <td class="trspacer" colspan = "1"></td> 
     <td class="trainerimg" colspan = "1"><img src = "images/jen.png" alt = "Jen" /></td> 
     <td class="trainer2" colspan = "4" style= "font-size:14"><h2>Jennifer Hartley</h2><p>I became a fitness professional out of a deeply held belief that physical activity can improve so many aspects 
of one's life. Physical fitness doesn't just make you look better, it makes you feel better, cope with stress, fight off aches and pains, and helps the rest of your day go better. I graduated from the University of Texas at Austin and I have over 8 years experience in the fitness industry. </p> 
<p>National Academy of Sports Medicine(NASM) Personal Trainer, NASM Corrective Exercise Specialty, Aerobic and Fitness Association of America(AFAA) Personal Trainer, AFAA Group Exercise, Kettlebell Concepts Level 1, TRX Personal Training, TRX Sports Medicine, Spinning Instructor, CPR/AED.</p></td> 
     <td class="trspacer" colspan = "1"></td> 
     <td class = "spacer"></td> 
     </tr> 
     <tr> 
     <td class = "spacer"></td> 
     <td class="trspacer" colspan = "1"></td> 
     <td class="trainerimg" colspan = "1"><img src = "images/marta.jpg" max-height = "100px" max-width = "100px" alt = "marta" /></td> 
     <td class="trainer" colspan = "4" style= "font-size:14"><h2>Marta Wilson</h2><p>I have been working and playing in gyms since 1984. I found I really enjoyed the feeling of helping somebody achieve their goals and guiding clients to a healthy and sustainable lifestyle. 
    After college I worked as a Dental Assistant for many years. Even when I was working in dentistry I always had a hand in the fitness field. 
    I decided that personal training was where my heart was, retired myself from dental assisting and worked at an exclusive gym in Beverly Hills. I worked as a trainer until I got pregnant at the age of 40. I have been training in the industry for nearly 15 yrs. 
My passion is helping women be and feel their best, I truly believe a healthy lifestyle and being fit is achievable for everyone.</p> 
<p>National Academy of Sports Medicine(NASM), CPR/AED</p></td> 
     <td class="trspacer" colspan = "1"></td> 
     <td class = "spacer"></td> 
     </tr> 

    </body> 
</html> 

Answer 1

请尝试清除浏览器zoom。然后找到图像的真实width和height，并按照上面的建议在img标签中指定尺寸。

Answer 2

我注意到你的最后一个图片标签有一个max-height和max-width属性。 <img>标记没有max-height或max-width属性，但可以在CSS上进行设置。

尝试添加以下属性到您的trainerimg类：

.trainerimg { 
    max-height: 100px; 
    max-width: 100px; 
} 

注意，你也可以通过添加width和height CSS属性为trainerimg类迫使你的图像具有均匀的宽度和高度。

** max-height和max-width不要在IE 6或7的工作，所以，如果你支持，你应该与特定的height和width