CSS Help - text fails to wrap in IE

RobParker

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?

Cheers
 
The problem goes away if you click the the Compatability View (the torn paper) icon in IE:

IE.webp

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.
 
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.webp

The text down the side of the slider refuses to wrap.
 
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?
 
Top Bottom