I have a JSFiddle here http://jsfiddle.net/0b3qcg0g/2/ (table positioned on right side of its container). This works on every browser except IE9-IE10. Problem is simple: on IE9 and IE10 I table wont position itself correctly. Here are solutions I cannot use: I cannot give display: block; for table because I need table layout. For same reason, cannot change table element to div element Cannot set table width by pixels because I need width in percentages. Can anyone please help me? Edit: Hours of hitting my head on a wall and just when I ask for help I figure out the solution. For somebody else who has this same problem: jsfiddle.net/0b3qcg0g/3

htmlcss

Matti Mehtonen

Reputation: 1705

Table position absolute not working in IE9 and IE10

I have a JSFiddle here http://jsfiddle.net/0b3qcg0g/2/ (table positioned on right side of its container).

This works on every browser except IE9-IE10. Problem is simple: on IE9 and IE10 I table wont position itself correctly.

Here are solutions I cannot use:

I cannot give display: block; for table because I need table layout.
For same reason, cannot change table element to div element
Cannot set table width by pixels because I need width in percentages.

Can anyone please help me?

Edit:

Hours of hitting my head on a wall and just when I ask for help I figure out the solution. For somebody else who has this same problem: jsfiddle.net/0b3qcg0g/3

Upvotes: 0

Answers (2)

a_double

Reputation: 64

Have you tried adding table-layout: fixed to the table styles? That seems to work for me in IE10:

http://codepen.io/a_double/pen/JoXJmV

Upvotes: 0

Gigi Ionel

Reputation: 248

try add to #table left:50% instead right 0, it works for me:)

Upvotes: 1

Table position absolute not working in IE9 and IE10

Answers (2)

Related Questions