• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

CSS Help - text fails to wrap in IE


Well-known member
This is related to the recentslider module of xenporta but I think it's more a general CSS question (and it got lost within the huge xenporta thread).

The text is styled with:

.recentSlider .ui-tabs-nav-item .title { font-size: 12px; font-weight: bold; padding: 10px; }

This looks fine in Firefox, Chrome, etc but in IE (7 and some versions of 8) it fails to wrap onto a new line and hence doesn't fit within the box.

Does anyone have an idea how to resolve this and force it to wrap?



Well-known member
The problem goes away if you click the the Compatability View (the torn paper) icon in IE:


Is there any way to force IE to always do that as asking our users to click it ever time isn't really an option.


Well-known member
Hmm actually, turning on compatability view for me causes the problem, the opposite to what some of our members reported.

Just in case it's not clear, this is what's happening:

Screen Shot 2011-12-06 at 08.09.49.png

The text down the side of the slider refuses to wrap.


Well-known member
Still struggling with this if anyone has any ideas.

It's an IE7 problem mainly and I assume everyone who's using the XenPorta RecentSlider is having the same issue (though may not have realised it?)

Any other CSS suggestions to fix it?