html - Table-cell <a> element different height in Chrome -


I'm showing this element differently in Chrome than in Safari and Firefox.

I & lt; A & gt; is its original and

gt; to match the height of . It's in Safari and Firefox but not Chrome, I can not manually set the height, because the same code is used on the page for many different size items.

& lt; A & gt; There are apparently relevant styles for the element:

  display: table-cell; Width: 100%; Vertical-row: middle; Status: Relative;  and 
gt; & Lt; Div & gt; There are apparently relevant styles for the element:
  display: table; Width: 100%; Height: 100%;  

However, it is possible that the problem is coming from some other code, and I do not have enough information to see it.

Thank you!

There are apparently relevant styles for the element: display: table-cell; Width: 100%; Vertical-row: middle; Status: Relative;

There are apparently relevant styles for the element: display: table; Width: 100%; Height: 100%; Try adding height: 100% to link

link, and position: relative .

Altitude: 100% , so that a elements are assigned to their parents (not necessarily on the basis of the browser table The case for cells), and delete the position: relative , because the relative position of the table-cell elements is problematic, resulting in the uncertain in the description of CSS 2.1, And some browser vendors have different opinions that explanation of CSS3 But there are still bugs in implementing CSS3 in that regard.


Comments

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -