Ie + Overflow: Hidden

IE + overflow: hidden

Use -ms-scroll-limit: 0 0 0 0; to prevent any scrolling whatsoever in IE 10+.
For older browsers you can write a workaround using JavaScript.

Example of CSS and JavaScript:

body {
  overflow: hidden;
  -ms-scroll-limit: 0 0 0 0;
}

window.onscroll = function (event) {
  window.scrollTo(0, 0);
}

window.onscroll = function (event) {  window.scrollTo(0, 0);}

body {  overflow: hidden;  -ms-scroll-limit: 0 0 0 0;}

    We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win.
    We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win.
    Never in all their history have men been able truly to conceive of the world as one: a single sphere, a globe, having the qualities of a globe, a round earth in which all the directions eventually meet, in which there is no center because every point, or none, is center — an equal earth which all men occupy as equals. The airman's earth, if free men make it, will be truly round: a globe in practice, not in theory.
    What was most significant about the lunar voyage was not that man set foot on the Moon but that they set eye on the earth.
    If you could see the earth illuminated when you were in a place as dark as night, it would look to you more splendid than the moon.
    When I orbited the Earth in a spaceship, I saw for the first time how beautiful our planet is. Mankind, let us preserve and increase this beauty, and not destroy it!
    Buy why, some say, the moon? Why choose this as our goal? And they may as well ask why climb the highest mountain?
    Across the sea of space, the stars are other suns.
    Many say exploration is part of our destiny, but it’s actually our duty to future generations and their quest to ensure the survival of the human species.
    As we got further and further away, it [the Earth] diminished in size. Finally it shrank to the size of a marble, the most beautiful you can imagine. That beautiful, warm, living object looked so fragile, so delicate, that if you touched it with a finger it would crumble and fall apart. Seeing this has to change a man.
    If you could see the earth illuminated when you were in a place as dark as night, it would look to you more splendid than the moon.
    We have an infinite amount to learn both from nature and from each other
    To go places and do things that have never been done before – that’s what living is all about.
    Spaceflights cannot be stopped. This is not the work of any one man or even a group of men. It is a historical process which mankind is carrying out in accordance with the natural laws of human development.
    Space, the final frontier. These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before.
    To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more?
    We have an infinite amount to learn both from nature and from each other
    Many say exploration is part of our destiny, but it’s actually our duty to future generations and their quest to ensure the survival of the human species.
    NASA is not about the ‘Adventure of Human Space Exploration’…We won’t be doing it just to get out there in space – we’ll be doing it because the things we learn out there will be making life better for a lot of people who won’t be able to go.
    Never in all their history have men been able truly to conceive of the world as one: a single sphere, a globe, having the qualities of a globe, a round earth in which all the directions eventually meet, in which there is no center because every point, or none, is center — an equal earth which all men occupy as equals. The airman's earth, if free men make it, will be truly round: a globe in practice, not in theory.
    Where ignorance lurks, so too do the frontiers of discovery and imagination.
    Astronomy compels the soul to look upward, and leads us from this world to another.
    We have an infinite amount to learn both from nature and from each other
    Curious that we spend more time congratulating people who have succeeded than encouraging people who have not.
    Where ignorance lurks, so too do the frontiers of discovery and imagination.
    Curious that we spend more time congratulating people who have succeeded than encouraging people who have not.
    Where ignorance lurks, so too do the frontiers of discovery and imagination.
    A Chinese tale tells of some men sent to harm a young girl who, upon seeing her beauty, become her protectors rather than her violators. That's how I felt seeing the Earth for the first time. I could not help but love and cherish her.
    What was most significant about the lunar voyage was not that man set foot on the Moon but that they set eye on the earth.
    That's one small step for [a] man, one giant leap for mankind.

Overflow hidden not working in FF & IE

For some reason, the overflow properties do not work on tables. Instead, try putting your table( or div with display: table) in another div.

Something like

<div id='container'>
    <div id='my-table-div'>
    Random content
    </div>
</div>

Then put the overflow property on the container.

CSS overflow:hidden not working in IE and position:relative makes no difference

I've solved it. I needed all of the following to make it work consistently cross-browser:

- "display:inline" on the DIV inside each LI (to stop IE adding a line-break);

- a fixed height and "overflow:hidden" on the LI tags; and finally

- "list-style-position:inside" on the UL, because "overflow:hidden" was hiding the bullets.

Overflow property not working in IE 11

As you noted, IE11 has many problems rendering flexbox. The fact that you haven't found documentation about this particular issue could just mean it hasn't been documented yet. But it does appear to be a bug.

In terms of the overflow property, IE11 will apply overflow: visible, regardless of the actual value, unless a width or height is declared.

In your case, simply switching from flex-basis: auto to flex-basis: 75px (just an example), fixes the scrollbar issue.

As a fixed height is not what you're looking for, you could try targeting styles for just IE11.

.container {  display: flex;  max-height: 100px;  flex-direction: column;  border: 1px solid red;}.header {  background: #eee;}.container > div {  flex: 0 0 auto;}.container > div.content {  flex: 0 1 75px;             /* adjusted */  overflow: auto;}

<div class="container">  <div class="header">Header without specific height. Always stays at top of .container,                      even if it is so long it uses up two lines.</div>  <div class="content">    <div>Item no 1 in long list</div>    <div>Item no 2 in long list</div>    <div>Item no 3 in long list</div>    <div>Item no 4 in long list</div>    <div>Item no 5 in long list</div>    <div>Item no 6 in long list</div>    <div>Item no 7 in long list</div>    <div>Item no 8 in long list</div>    <div>Item no 9 in long list</div>    <div>Item no 10 in long list</div>    <div>Item no 11 in long list</div>    <div>Item no 12 in long list</div>  </div></div>

Overflow hidden is not working in Internet Explorer 11

Add this style

img {
    border-radius: 50%;
}

You need to add border-radius in order to make the image a round shape.

---

Related Topics