Shulou(Shulou.com)06/02 Report--

In this issue, the editor will bring you what is the solution to the margin problem in IE6, IE7 and Firefox. The article is rich in content and analyzes and narrates it from a professional point of view. I hope you can get something after reading this article.

How much do you know about IE6/IE7/Firefox 's solution to the margin problem? I hope it will be helpful to your study.

IE6/IE7/Firefox 's solution to the margin problem

These two days to do the layout of a website, because often use firefox, all the content is debugged under firefox, and so soon finished switching back to IE7, there are many differences in style, mainly in the understanding of these elements of margin,padding.

I know that ie6ie7firefox has different interpretations of margin. I looked it up on the Internet and hack is available by means of! important.

The specific practices are as follows:

* species:

.div {background:orange;/*ff*/ * background greenbelt importantion / * background:blue;/*ie6*/}

The second kind:

.div {margin:10px;/*ff*/ * margin:15px;/*ie7*/ _ margin:15px;/*ie6*/}

The third kind:

# div {color:#333;} / * ff*/ * html#div {color:#666;} / * IE6*/ * + html#div {color:#999;} / * IE7*/

Now the first one is commonly used, which is easy to use. Write it out and share it with you.

Let's give an example:

# pages {margin:auto;width:910px;text-align:left;} # pages {* widthIE7*/ 915pximportant;} / * the above is the solution to the margin problem in IE6, IE7 and Firefox shared by the editor. If you happen to have similar doubts, please refer to the above analysis to understand. If you want to know more about it, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.