Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Overflow:Hidden Cutting of Text

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #174364
    KKHAN
    Participant

    Hi

    Overflow:hidden seems to be cutting of the text.

    See

    Click on the left Settings tab.

    #174365
    Senff
    Participant

    That’s what it’s supposed to do: it hides everything that “overflows”.

    You’ve given the .side-menu-right block a height of 100%, AND overflow:hidden;. Result is that the block will be as high as its parent (in this case, the viewport) and everything that won’t fit in there, will not be shown.

    I’m sure you have your reasons for using overflow:hidden; this way, but not sure what else to say. It’s doing exactly what you’re telling it to do. You may want to change it to overflow:visible;?

    #174366
    Paulie_D
    Member

    If the tab has a fixed height and the content height exceeds it then overflow:hidden is doing exactly what it is supposed to be doing.

    What would you like it to actually do?

    #174381
    KKHAN
    Participant

    If you comment out the overflow:hidden and have a look at what happens to my black footer and right grey border. You will see the problem i am having. I thought i may have fixed it with overflow:hidden, but this is not the case.

    #174385
    __
    Participant

    maybe just overflow-x. or learn about clearfixes.

    You might also be interested in alternatives to float layouts (floats are for floating content; they were never intended to be used as layout containers, sectioning, and so forth).

    #174388
    KKHAN
    Participant

    @un-traq-ed

    Huh? overflow-x would do nothing in this case. I am using clear:both before it reaches the footer.

    #174403
    __
    Participant

    Maybe I am misunderstanding your problem, but it seems to be solved by changing overflow:hidden to overflow-x:hidden in your .side-menu-right rules. » fiddle

    overflow: auto; also clears the footer.

    I see now that the column is also too wide —that’s because you have given .content-tabs and .content-tabs-info a set width of 793px. If you remove that, the width will be dictated by the content.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.