CODEWITHSUNDEEP
htmlcross-browserhtml-table
user2743430
user2743430

Reputation: 1

TD Height varies between Browsers?

I have been trying to get an SVG element to fill the available space within a table cell. In Google Chrome the table cell's height is equal to the content height of the tallest table cell in its containing row. However in Internet Explorer the table cell's height simply takes-on the height of its own content with no regard for taller siblings in the same row. The table cells of both Chrome and Internet Explorer look the same (i.e. they are neatly squared) but the underlying height attributes are only actually equal in Chrome.

Does anyone know if this is a bug in Internet Explorer?

Any assistance will be gratefully received.

Upvotes: 0

Views: 163

Answers (2)

Hemangi Gokhale
Hemangi Gokhale

Reputation: 810

Try adding reset.css at the top of your css file reset.css

Also you can try using normalize.css at the top of your css file normalize.css

May be that can help you!!

Upvotes: 2

Youness
Youness

Reputation: 1495

if it does try adding !important when you set the height of the TD in css ex:

td{
height:150px !important;
}

this prevent any override to the value (even by the browser)

Upvotes: 0

Related Questions