Recently, I wrote a program to change the font of the entire interface, but found that something was wrong. The text in the edit control was not left aligned, but shifted several pixels to the right, later I found that the problem occurred when I
To ensure that the CSS effect is compatible with IE and Firefox,RecommendationAs follows:
1: Use Margin as few as possible and use padding to set the distance. margin is too unstable,
(Try this one when you encounter an inexplicable problem. Set
660 people read comments (0) collect reports
1. IE6's [crazy one] IE6's odd-high BUG
IE6 is crazy. Today, the project requires such a layout: an external relatively positioned div, an absolutely positioned inside div (right: 0 ),
However, in IE6,
1. document. form. item Problems(1) existing problems:Many statements such as document. formName. item ("itemName") exist in the existing code and cannot be run in Firefox.(2) solution:Use document. formName. elements ["elementName"](3) OthersSee 2
2
Text layout and Image Layout the next day
Text layout:
1) A common layout of top, bottom, and right blocks:
Untitled documentHeaderLeftRightFooter
In the preceding example, we used to set common style settings. In this example, we set margin to 0
1. The DIV of float must be closed.
Example: (floata and floatb attributes have been set to float: Left ;)
The notfloatc here does not want to continue translation, but wants to move down.This code has no problem in IE, and the
I have been entangled in the difference in IE6 typographical layout with uncertain width. Today I saw this occasionally and suddenly realized it.
The box model is the core of CSS. The modern web layout design simply refers to the arrangement and
Keywords: CSS compatibility
Doctype affects CSS Processing
Firefox: When div is set to margin-left and margin-right is set to auto, it is already centered. IE is not working.
When setting text-align for Firefox: body, you must set margin: auto
I wrote a topic page a few days ago.
Div {width: 900px ;}Div A {display: inline-block; width: 300px ;}
It was found that the 900 container could not accommodate 3 million a containers, so I had to worry about it and secretly reduced A Little
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
Strange page performance in IE browser
1. Left and Right Border disconnection
Condition:There are two floats in the container, and clear the floats with clear.
Symptoms:When you drag the scroll bar under ie, the border of the outermost layer
I use most of them now! Important comes to hack. It can be displayed normally for IE6 and Firefox tests, but IE7 is correct! Important
The correct explanation will cause the page not to be displayed as required! After searching, find a good hack
You can set margin directly in XML, for example, . However, in some casesCodeBut the view itself does not have the setmargin method. What should I do? After reading the android API, we found that android. View. viewgroup. marginlayoutparams has
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
Hack
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.
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.
DIV + CSS Adaptive Layout, divcss adaptive
Adaptive Layout can be divided into two types: height and width. There are many methods. I use three columns for layout examples. I have a few simple examples and I understand three columns, the principles
Frontend programming improvement journey (3) ---- Internet Explorer 6, Internet Explorer 6
During his internship in iQiYi, ledi is mainly responsible for making mobile terminal activity pages. As mobile browsers emerge with the rise of smart phones,
CSS is perfectly compatible with Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Internet Explorer 9, and Internet Explorer 10.
About
CSSCompatibility with various browsers is already a common topic, and tutorials on the Internet are
Js + css3 implement dynamic clock ------- Day66, css3 ------- day66
I was annoyed when I migrated my house one day yesterday without installing broadband at the end, but I had a lot of ideas after I packed up my new house, here we will first
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.