Layout issues using Blocks in Internet Explorer
By Karen Flavel on Thursday, 08 December 2016
Posted in General
Replies 7
Likes 0
Views 128
Votes 0
Hello, I have created these blog pages using the blocks system and the layout looks great on all the browsers except for Internet Explorer.

Can you help me try and fix the layout issue. I have attached the broken page and what the page should look like.

Thanks
Hello Karen,

May I know which version of IE are you using? EasyBlog only supports IE11 onwards as Microsoft has already EOL-ed IE8, 9 and 10 since January 2016, https://www.microsoft.com/en-us/WindowsForBusiness/End-of-IE-support
Mark
·
Thursday, 08 December 2016 22:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for getting back so quickly.

I am using IE 11 on Windows 8.
Karen Flavel
·
Thursday, 08 December 2016 22:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Karen,

To fix the rendering issues on IE11, you will need to insert css codes below into your templates stylesheets.



/* For IE11 and above */

_:-ms-fullscreen, :root #fd.eb-view-entry .eb-image-viewport > img { 

	width: 100%; 

}
Chang
·
Friday, 09 December 2016 10:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Thankyou that worked great. I also added this in for IE 10 as well.

/* Internet Explorer 10 (Only) */

@media screen and (-ms-high-contrast:active),

  (-ms-high-contrast:none) {

	   #fd.eb-view-entry .eb-image-viewport img {

	  width: 100%;

	  }

}
Karen Flavel
·
Friday, 09 December 2016 19:06
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post