Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorValEff
    • CommentTimeJul 23rd 2006 edited
     permalink
    OK, so I've got a "news" DIV with overflow-x hidden to discourage unsightly horiz scrollbars (overflow-y is set to auto). Now my text won't wrap in Firefox. IE is playing nicely ... but I'm waiting for it to have a tantrum at ANY second. :>

    Oh, and I'm not wrapping an image ... but I'd like to maintain the functionality in the case that I'll need to later on.

    Help?
    • CommentAuthorGustavs
    • CommentTimeJul 24th 2006 edited
     permalink
    Can you give a link to your page or it's code?
  1.  permalink
    I'm not sure why people even bother to posted something and not providing any Links or examples.

    DS
    • CommentAuthorValEff
    • CommentTimeJul 24th 2006 edited
     permalink
    Sorry guys, I assumed there was a simple answer I was just overlooking.

    This is the wrapper:


    .news {
    width: 345px;
    height: 285px;
    padding: 5px;

    background: #e7e3bd;
    border: dashed 2px #423b21;

    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
    }


    Here are the classes for the news table, the problem is occuring in newsTable_body:


    .newsTable {
    width: 100%;
    margin-bottom: 10px;
    background: #fff;
    text-align: left;
    }

    .newsTable_header {
    background: #ea756e;
    padding-left: 25px;
    border: solid 1px #993416;
    font: bold 11px arial, sans-serif;
    color: #fff;
    }

    .newsTable_body {
    padding: 15px;
    border: solid 1px #d2be96;
    font: normal 11px arial, sans-serif;
    color: #423b21;
    }


    And here is the table:


    <table class="newsTable" cellpadding="6px" cellspacing="0" border="0">
    <tr>
    <td class="newsTable_header">
    Sample HEADER
    </td>
    </tr>
    <tr>
    <td class="newsTable_body">
    Sample BODY
    </td>
    </tr>
    </table>
    • CommentAuthorValEff
    • CommentTimeJul 24th 2006 edited
     permalink
    Anyone? :(
    • CommentAuthordeaghean
    • CommentTimeJul 25th 2006
     permalink
    Could you post an HTML page for it? It would help to see how this is being applied.

    - Josh
    • CommentAuthorValEff
    • CommentTimeJul 25th 2006
     permalink
    I've added the html to my comment above. Thanks :)
    • CommentAuthorkmg
    • CommentTimeJul 25th 2006
     permalink
    do you have it on a server so we can see the actual page? or is it an secret under cover operation?
    • CommentAuthorPettyRider
    • CommentTimeJul 25th 2006 edited
     permalink
    I believe 'overflow-x' and 'overflow-y' are proprietary MSIE attributes, not CSS standards.

    http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/overflowx.asp

    http://www.w3.org/TR/REC-CSS2/visufx.html#overflow

    So, the code shouldn't work in standards-compliant browsers.
    • CommentAuthorValEff
    • CommentTimeJul 25th 2006
     permalink
    Thanks Petty,

    I know it's proprietary ... but haven't had issues with those attributes in the past, in Firefox. This interface is all kinds of intricate, there are a few areas that aren't going to validate, but I'm not concerned with it (I'm incorporating plenty of work-arounds for compatibility). ANYWAY, it turns out I had a whitespace:nowrap sitting up in one of the containers - which I meant to remove but forgot about. D'oh. I've also reduced the width of the news table to manually discourage the horiz scrollbar (doing away with overflow-x/y).

    Thanks for the patience, everyone.
    • CommentAuthorPettyRider
    • CommentTimeJul 25th 2006 edited
     permalink
    Well, interesting nonetheless. From my experience, I've never had overflow-x or -y work in Firefox, but I haven't really tried using it in awhile.

    Overflow is an advanced visual effects attribute, so I hardly ever encounter it during my work. But, I imagine it could be necessary in an "interface [that] is all kinds of intricate."
Add your comments
    Username Password
  • Format comments as (Help)