The blog of Jafar Aliyev

Archive

Creation date:

Measuring units for padding

All padding values must be given in one measuring system. If one padding is given in ems, another in pixels, you can get different margins between the examples of the same class. Look it an example of tabs. Here I show the padding of each tab.

Example:

Incorrect: padding: 0.2em 15px 0.2em 0.3em;

Correct: padding: 2px 15px 2px 3px;

As you can see the black hairline disappears between second-third and fourth-fifth tabs.

Concerns:

Only Mozilla browser because Firefox browsing correctly.

Author: Jafar N.Aliyev (Jsoft)

Read also

Fixing overflow: hidden in IE

<div> against <table>

Fixed background image

IE bug with first line

Overflow of inner block

The meaning of margin in Internet Explorer and Firefox

CSS hacks
Nowadays many designers give all measures in pixels, including the font sizes. They fit their site to Internet Explorer and...

Internet Explorer bug with tall block
The problem of IE with two containers. If the internal container is longer than one screen of browser you'll encounter the problem.

Height of parent container

© Copyright

All articles in this site are written by Jafar N.Aliyev. Reproducing of any article must be followed by the author name and link to the site of origin(this site). This site also keeps the same rules relative to the articles of other authors.