Show Posts
This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
Pages1
1
Resolved Issues / Homepage CSS bug
2014 Apr 22, 04:00:06
I noticed on the homepage "http://www.legendsofequestria.com/"; that the Article that lists the Download Locations had an overflow error with the Linux Magent URI.
To see the error, scroll down on the home page to the post I mentioned using Google Chromes current stable release. Also noticeable in IE 11 and Firefox 27.0.1
I poked through Google Chrome Developer Tools and determined that if you add
overflow-wrap: break-word; /*Fix chrome display perfectly*/
overflow-x: hidden; /*Patch to hide problem in other browsers IE11 & Firefox until overflow-wrap is implemented (if it is)*/
to the style sheet containing #col1 article > div.content
it will fix the overflow problem. However this CSS tag is only valid in Google Chrome so use overflow-x: hidden for other browser compatibility. Adding both tags should patch the problem and when the CSS attribute works in Firefox and IE the overflow-x will not be needed.
Hope this helps!
To see the error, scroll down on the home page to the post I mentioned using Google Chromes current stable release. Also noticeable in IE 11 and Firefox 27.0.1
I poked through Google Chrome Developer Tools and determined that if you add
overflow-wrap: break-word; /*Fix chrome display perfectly*/
overflow-x: hidden; /*Patch to hide problem in other browsers IE11 & Firefox until overflow-wrap is implemented (if it is)*/
to the style sheet containing #col1 article > div.content
it will fix the overflow problem. However this CSS tag is only valid in Google Chrome so use overflow-x: hidden for other browser compatibility. Adding both tags should patch the problem and when the CSS attribute works in Firefox and IE the overflow-x will not be needed.
Hope this helps!
Pages1