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

This article will explain in detail how to understand the difference between IE and Padding under firefox. The content of the article is of high quality, so the editor will share it with you for reference. I hope you will have some understanding of the relevant knowledge after reading this article.

Let's focus on the difference between IE and Padding under firefox. It is well known that IE always makes us feel bad when dealing with padding style. Here's a look at the difference between Padding under IE and Firefox.

The difference between IE and Padding under firefox

For well-known reasons, IE always makes it difficult for us to deal with padding styles, as shown in the following picture (picture from Su Shen Xiaoyu's CSS2 Chinese manual):

Where the padding value is large (for example, between the background div of the title bar and the title), the difference between browsers is obvious.

Through the query, a Hack method is found. For example, CSS used to look like this:

.titleblock {} {padding:2em;margin:0;text-align:left; background-image:url ('.. / image/titlebg.jpg'); height:140px; background-repeat:no-repeat;background-position:rightcenter;}

Where the height attribute is 140px, the height of the entire div in FF is 140cm 2* (2em) is about 190px, and in both IE6 and IE7 it is 140px, which leads to a difference of approximate 50px.

Just write like this:

.titleblock {} {padding:2em;margin:0;text-align:left; background-image:url ('.. / image/titlebg.jpg'); height:140px; background-repeat:no-repeat;background-position:rightcenter;} * html.titleblock {} {height:190px;}

That is, add a * html block below (this block is only supported by IE6+, but not FF), and write the actual number in it.

PS: the method from http://webdesign.about.com/od/css/a/aaboxmodelhack.htm is:

Div {} {width:100px; padding:10px; border:10pxsolid#000;} * htmldiv {} {\ width:140px;/**//*forIE5andIE6inquirksmode*/ w\ idth:100px;/**//*forIE6instandardsmode*/}

However, according to the experiment, the appropriate value can not be obtained.

On how to understand the differences between IE and Padding under firefox is shared here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

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.