On IE8 (strict mode, I can not use normal mode) is not displayed correctly the 3-column layout. This is a two-column layout: http://jsfiddle.net/JWBgY/ the second div rightly occupies the remaining space. This is the three-column layout: http://jsfiddle.net/JWBgY/2/ works on all browsers, but on IE8 and below the central width does not occupy the remaining space. I also tried to add *width: auto, but it does not work. How to solve?
Asked
Active
Viewed 59 times
1
user2711086
- 23
- 1
- 3
1 Answers
0
I think that you came across a well known bug/quirk for IE8 and table cell.
See: internet explorer 8 ignores width for 'display: table-cell' element
Community
- 1
- 1
Marc Audet
- 46,011
- 11
- 63
- 83
-
Thanks for reply. Can you apply to my code please? http://jsfiddle.net/JWBgY/2/ – user2711086 Aug 23 '13 at 15:24
-
I did not understand how to apply... – user2711086 Aug 23 '13 at 15:31
-
I checked your fiddle in IE10 using the developer tools. Your fiddle works in IE8 mode but not IE7. I just want to make sure that we are looking at the same problem. Please confirm. – Marc Audet Aug 23 '13 at 15:33
-
That's right, but it does not work on IE8 strict mode. – user2711086 Aug 23 '13 at 15:37
-
I can't seem to see the problem in IE8 using the IE10 developer tool, so I can't do much more than this. I tried changing the doctype in the fiddle but still could not reproduce the issue. – Marc Audet Aug 23 '13 at 15:58
-
I see the same both in IE8 is in IE7. However, do you know a solution for IE7? – user2711086 Aug 23 '13 at 16:10