The XHTML + CSS compatibility solution has many advantages when using the XHTML + CSS architecture, but there are also some problems, whether it is because you are not skilled or have unclear ideas, I will first write down some of the problems I
CSS compatibility between ie6.0, ie7.0, and Firefox 1. The impact of doctype on CSS Processing
2. FF: When Div sets margin-left and margin-Right to auto, it is already centered, and IE does not work.
3. FF: when setting text-align for the body, set
1. Div centering problemDiv set Margin-left, margin-right for Auto is already centered, ie not, ie need to set the body center, first in the parent element definition text-algin:center; This means that the content within the parent element is
To test and replace variables in shell, we often need to determine whether a variable exists at some time point. if a variable exists, use the existing settings. if the variable does not exist, give a common setting. (1) If the variable is not set
CSS compatibility with the browser is sometimes a headache, especially for IE6 this issue a lot of browser version, from the online collection of ie7,6 and FIREOFX compatibility processing method and organized a bit. For web2.0, please try to write
One,!important (limited function)With IE7 correct!important support, the!important method is now only IE6 compatible. (Note the wording.) I remember the position that this sentence needs to advance.:#example {width:100px!important; /* IE7+FF */width:
CSS TipsVertical centering problem for 1.divVertical-align:middle; Increase the line spacing to as high as the whole Div line-height:200px; Then insert the text and center it vertically. The disadvantage is to control the content not to break the
New IE8, more asshole. Now let ie explain it with IE7 script.
Add to the head.
1.> it is a sub-Selector Used to match the direct generation, and the grandchildren do not match. IE6 is not supported. Example:Li: hover> A sub-object selector only
1. DivCenter problem When div sets margin-left and margin-right to auto, it is already centered,IE doesn't work. IE needs to set the body to center,First, define text-algin: center in the parent element;This means that the content in the parent
Div + CSS web page layout is a trend, and I began to adapt to this trend. However, when using Div + CSS website design, we should note that CSS styles are compatible with different browsers, especially for webpages fully designed using Div + CSS,
Document directory
CSS skills
Ff and IE
No P! Haha
CSS compatibility with browsers is sometimes a headache. Maybe when you understand the skills and principles, you will feel that it is not difficult to collect IE7 from the Internet, 6. Solve
Http://www.51css.net/html_css/div_css/2516.html
This article describes common browser bugs, focusing on IE browser bugs, common CSS hack and CSS comments, reduce unnecessary troubles in daily Div CSS layout;This article is from www.51css.net.
Read
In addition, I will extract a summary of the current CSS browser compatibility issues. Here I will take a good look.
CSS compatibility with browsers is sometimes a headache. Maybe when you understand the skills and principles, you will feel that it
CSS compatibility with browsers is sometimes a headache. Maybe when you understand the skills and principles, you will feel that it is not difficult to collect IE7 from the Internet, 6. Solve the problem of compatibility with fireofx and sort it out.
In this browser, the display is normal, and the other one is messy. We will be very annoyed when writing CSS, And we just fixed the problem of this browser, as a result, a new problem occurred in another browser !!!
What is browser
1. Vertical center of Div
Vertical-align: middle; increases the line spacing to the same height as the entire DivLine-Height: 200px; insert the text to center vertically. The disadvantage is that you need to control the content rather than line feed.
Solutions to CSS compatibility between IE8, 7, and 6 and Fireofx)
In DIV + CSS | Tags:
Solutions to CSS compatibility between IE8, 7, 6 and Fireofx
Many webmasters complain that CSS compatibility with browsers is sometimes a headache, especially for
Judge the summary of the browser kernel and version number method, and the kernel version number
Determine the browser kernel and version number through jquery
Copy codeThe Code is as follows:
Determine browsers Based on browser version
The first is the CSS hack method. Height: 20px;/* For Firefox */* Height: 25px;/* For IE7 & IE6 */_ Height: 20px;/* For IE6 */ Pay attention to the sequence. This also belongs to CSS hack, but it is not as concise as above.# Example {color: #333;}
1. Differences between CSS parsing in IE and Firefox
This is some of my experience in use. I hope you can continue with it.
High Resolution
IE: the actual height will be used even if the height of the image content is defined based on the height
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.