In this kind of browser display normal, in another kind of chaos, we are writing CSS will be very annoyed, just fixed the browser problem, the result of another browser but a new problem.
What is browser compatibility: When we use a different
DIV+CSS compatible with browser methods such as IE6 IE7 IE8 IE9 and Firefox Chrome1.DOCTYPE affects CSS processing 2. Ff:div set Margin-left, margin-right for Auto is already centered, IE not 3. Ff:body when setting text-align, Div needs to set
1.IE8 compatibility issues, this best deal, converted into IE7 compatible can be. Add the following piece of code to the head, and then as long as it is compatible under IE7, IE8 below is also compatible2.flaot floating caused IE6 double margin
Background
Since html4.01, the new version is no longer released, because the HTML language is becoming more and more complex and dedicated. That is, there are more and more tags. Even browser manufacturers have developed HTML tags that are only
CSS Compatibility common skills
Please try to write code in strict XHTML format, must add DOCTYPE declaration, because DOCTYPE affect the CSS processing, affect the standard of the consortium.
Vertical center of text in 1.div
An overview of AP div
Using the absolute positioning property in a CSS style sheet.The tag is called AP Div. The "AP Div" in Dreamweaver CS5 is the "layer" in the old version of Dreamweaver. AP Div can be understood as floating on the page of a
Common techniques for CSS compatibilityPlease try to write code in XHTML format, and DOCTYPE affect the CSS processing, as a standard, must add DOCTYPE declaration. Vertical centering problem for 1.divVertical-align:middle; Increase the line
an AP div overview
Using the absolute positioning property in a CSS style sheet.
The tag is called AP Divdreamweaver CS in the AP div is Dreamweaver in the older version of the layer AP Div can be understood as a page floating on the page can be
Div + CSS is one of the commonly used terms in website standards (or "web standards"). Div + CSS is a webpage layout method, this web page layout method is different from the table Positioning Method in the traditional HTML web page design language,
CSS compatibility with various browsers is already a common issue, and tutorials on the Internet are everywhere. The following content is not too novel. It is a personal summary and I hope it will be helpful for beginners.
I. CSS hack
The following
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.