Vertical misalignment in Categories page, Description column

[demetris]

The inherited p(aragraph) margins seem to cause a vertical misalignment. See attached screenshot.

I also attach a tentative fix. (It’s hackish and also a product of confusion, because I don’t really understand what’s going on with vertical dimensions here, and different browsers display this in different ways.)

[demetris]

Screenshot of vertical misalignment in Categories page, Description column

[demetris]

Tentative fix for vertical misalignment in Categories page, Description column

[Denis-de-Bernardy]

issues like this have been all over the place since 2.5, this can wait until 2.8.1.

[Denis-de-Bernardy]

The real issue, I believe, is margins/padding related. A potentially better patch would probably go something like this:

p {
  padding: 0px;
  margin: 0px 0px .5em 0px;
}

that way, we'd enforce the same margin across browsers (one of IE or FF uses paddings, while the other users margins), and we don't get vertical align issues in tables (where margins are not enforced as they are in div tags).

[demetris]

The reason I set the Milestone to 2.8 is that this particular one is misaligned by almost one em — which is too much. On the other hand, category descriptions are not the most-often used feature of WP, so not all users will see this.

[Denis-de-Bernardy]

I know... :-(

But lately, even rather major/niggling bugs have been punted.

[westi]

Punt this for now - it's not major and can wait

[azaozz]

(In [11663]) Fix vertical misalignment and cell borders in IE, props demetris, fixes #10090 for 2.8

[azaozz]

(In [11664]) Fix vertical misalignment and cell borders in IE, props demetris, fixes #10090 for trunk