Re: Re: Re: Re: URL In Infobox Causes Rows to Flyout
Hi,
Looking at the css-tricks.com info, I copied all of the CSS suggested there and pasted it as inline CSS for the infobox in your page, and it fixes the issue for me in Firefox. I didn't test IE, but I think it should behave, based on what css-tricks said.
Try adding this CSS at your site:
.infobox {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
You can remove the comments if you like (indicated by /* */) and the blank lines, to save a little overhead.
I'm just being a little more explicit about what luci answered, actually.
-- Gary