I am making great progress on a current project, but of coarse, now I need to go through and fix all the various bugs popping up in Internet Explorer – one of my biggest issues right now is that the text lines for a div added via a jquery script is not wrapping properly.
I tried using this, but didnt work in IE7:
.AuthorBlurb, .AuthorBlurb p {
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera < 7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */
}
Here is a link to view an example: http://arcaspicio.squarespace.com/insights/2010/7/23/risk-management-for-border-security.html — when i view it, the “Contributor” info on the left is not wrapping properly in Internet Explorer 7. I have tried all sorts of stuff with no success!
Any help is greatly appreciated!!
IE Developer Toolbar is showing that the containing
<p>haswhite-space: nowrap;set, coming from.journal-entry-tag .posted-by. Most likely IE has the white-space setting overriding the word break, so the whole thing is being treated as one big long single word, hence it running off the screen the way it is.