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
  • #174364


    Overflow:hidden seems to be cutting of the text.


    Click on the left Settings tab.


    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;?


    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?


    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.


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



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


    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.