http://www.telerik.com/support/kb/article/b454K-tkk-b454T-a.aspx
Article relates to
|
Radcontrolsall versions
|
Created by
|
Zarko, Telerik
|
Last modified
|
Nov. 14, 2006
|
Last modified by
|
Zarko, Telerik
|
PROBLEMIn connection with the CSS-application changes introduced in Internet Explorer 7 (IE7) a number of customers are experiencing problems with control skins. The following tips are aimed to help you troubleshoot the most common problems. We use the listed techniques internally to solve the majority of the CSS-related support incidents, so most probably they will be applicable in your case as well.
Other useful resources:
• MSDN - "
Cascading Style Sheet Compatibility in Internet Explorer 7"
• IEBlog - "
Details on our CSS changes for IE7"
SOLUTIONS1. CSS attributes starting with underscore are no longer applied in IE7
For example in the following CSS rule the background color would not be set to red in IE7:
<style type="text/css">
.myDiv
{
_background-color:red;
}
</style>
<div class="myDiv">TestContent</div>
IE6:
IE7:
NOTE: the underscore declaration will work in IE7 if the page is in Quirks mode. If it the page is XHTML 1 or 1.1 it will not work!
2.The “width” and “height” CSS attributes now work according to the W3C specification
In IE6 they behave as if the “min-width” or “min-height” property is set. Take the following example:
<style type="text/css">
.myDiv
{
width:20px;
height:20px;
background-color:red;
}
</style>
<div class="myDiv">Content<br/>Content<br/>Content<br/>Content<br/></div>
In IE6 the div would stretch to accommodate its content:
In IE7 the content would leave its container:
To solve that problem (specify minimal width but don’t clip the content) you should use “min-width” and “min-height”. However this would break IE6 support. The solution is to set “width” and “height” for IE6 and “min-width” and “min-height” for IE7. However IE7 must not see the “width” and “height” attributes. Here is how you cando it:
<style type="text/css">
.myDiv
{
_width: 20px; /* Visible to IE6 only*/
_height: 20px; /* Visible to IE6 only*/
min-width: 20px; /* Visible to IE7 only */
min-height: 20px; /* Visible to IE7 only */
}
</style>
<div class="myDiv">Content<br/>Content<br/>Content<br/>Content<br/></div>
And here is the final output:
IE6 (the same as before)
IE7:
To achieve the exact same behavior in IE7 the container should be floated to the left/right, i.e.:
<style type="text/css">
.myDiv
{
float: left;
height: auto;
width: auto;
}
</style>
3.The "* html .myClass" declaration for css classes is invalid and should not be rendered by a browser.
IE6, however, incorrectly interpreted this declaration as "html .myClass" and applied the css class to elements on the page. This is the basis of a widely used method for making browser-specific css classes – “* html .myClass” would be understood only by IE6 and no other browser. This bug is fixed in IE7. For example in the following CSS rule the background color would be set to red in IE6, but not in IE7:
<style type="text/css">
* html .myDiv
{
background-color:red;
}
</style>
<div class="myDiv">TestContent</div>
IE6:
IE7:
分享到:
相关推荐
Algorithmic Strategies for Solving Complex Problems in Cryptography 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
The main classes of inverse problems for equations of mathematical physics and their numerical solution methods are considered in this book which is intended for graduate students and experts in ...
Algorithmic Strategies for Solving Complex Problems in Cryptography 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络,如有侵权,...
Optimization Techniques for Solving Complex Problems Optimization Techniques for Solving Complex Problems
A flexible framework for solving constrained ratio problems in machine learning
Solving the Employment problems in China
Excel 2016 for Marketing Statistics_A Guide to Solving Practical Problems 全英文。对做市场统计调查分析的应该有用。
Excel 2016 for Advertising Statistics A Guide to Solving Practical Problems 英文epub 本资源转载自网络,如有侵权,请联系上传者或csdn删除 查看此书详细信息请在美国亚马逊官网搜索此书
LESSON 7 Solving Word Problems Using Formulas 60 Quiz 2 66 REFRESHER IV Equations 69 LESSON 8 Algebraic Representation 82 LESSON 9 Solving Number Problems 88 LESSON 10 Solving Digit Problems 98 vii ...
毛群算法,是一种智能优化算法。This paper proposes a new multiobjective ...The simulation results reveal that the proposed approach can be a better candidate for solving multiob- 24 jective problems.
Data Mining In The Insurance Industry - Solving Business Problems in SAS
Solving Everyday Problems With the Scientific Method Thinking Like a Scientist.pdf
Excel 2016 for Engineering Statistics: A Guide to Solving Practical Problems is the first book to capitalize on these improvements by teaching students and managers how to apply Excel to statistical ...
这本书对训练数学思维特别有用~~过去有个帖子,说中国人数学算的快,但没数学思维,没找到,可惜了。反正总的来说,数学跟速度没啥关系——我的意思是伶俐鬼们其实一点都不聪明。加减算得再快,有灭意义呀。...
Solving Complex Problems for Structures and Bridges using ABAQUS Finite Element Package Abaqus复杂桥梁结构计算实例
Evolutionary Algorithms for Solving Multi-Objective Problems
A software library for solving phase retrieval problems, and comparing phase retrieval methods.
高难习题集——Problems in Mathematical Analysis, Piotr Biler, Alfred Witkowski, Dekker,.pdf
some techneques for solving recurrences
进化多目标优化研究领域的一本最新专著,2007年出版。