• 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

RobParker

Well-known member
#1
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
 

RobParker

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

IE.jpg

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.
 

RobParker

Well-known member
#5
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.
 

RobParker

Well-known member
#6
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?