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

Discussion in 'Styling and Customization Questions' started by RobParker, Nov 29, 2011.

  1. RobParker

    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?

  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  3. RobParker

    RobParker Well-Known Member

    Doesn't seem to help with IE :-(

    Thanks though
  4. RobParker

    RobParker 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.
  5. RobParker

    RobParker 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.
  6. RobParker

    RobParker 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?
  7. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    What is the URL? I can play with the CSS.

Share This Page