Hey my site works fine except in IE8. The page does not display a vertical scroll bar. I added html { overflow-y :scroll } to the css and only got a scroll bar which does not allow you to actually scroll down. My site is eagleview.it
Thanks very much
You can use this to fix on IE
-ms-overflow-y : scroll;
Or this may work as well
html {
height:101%;
}
Related
I have a multi iframe page. I produce a chart in JavaScript in each iframe where the title tooltip documents the chart content. All this works well except when the tooltip shows near the bottom of the iframe. In Chrome, Edge, and Opera this causes the iframe to scroll vertically. In FF and IE, no scrolling occurs. Of course, in IE the tooltip is always above the mouse position. I would like to prevent this scrolling from happening in Chrome, Edge, and Opera. I've tried several custom tooltips but nothing has worked yet. Any help is appreciated.
Thanks,
craigt
you can try:
.perent {
position: relative:
}
.tooltip {
position: absolute:
}
to prevent the tooltip from making the page scroll.
I'm trying to fix an issue where when a user clicks a button it causes the entire page to shift to the left. The issue only seems to appear when the browser is maximized.
You can try it yourself here: https://professionallyspeaking.oct.ca/exemplary.aspx
Click on the "Great Teachers- Alphabetical +" button to see the shift in action.
The page is adding a vertical scroll bar when the content height exceeds that of the browser window. It is default behaviour, but if the shift seems odd to you, the only way to "fix" it is to force the scroll bar on the <body> when the content doesn't fill the page, by adding the following css:
body{
overflow-y: scroll;
}
Page was shifting due to appearance of the vertical scrollbar. Thanks to #j08691 for pointing this out. I resolved the issue by applying overflow-y: scroll to the html:
html {
overflow-y: scroll;
}
For some reason I cannot get the drop down to appear on this site: http://a.dev200.com/cflow/
It works fine on mobile screen size, just not on desktop screen size.
Can anyone help me out please?
Thanks
you have an "overflow: hidden" in "megaMenu" div.
Try to fix it or add this css code:
#megaMenu.megaFullWidth { overflow: visible; }
OK, so I have tried a number of things to fix this issue, but I must be missing something. I am new to this and learning as I go using firebug which is making this particular problem hard to solve for me. My site (under development) works fine in firefox, but there is a vertical gap between the search bar and categories bar in chrome and safari. See here:
http://how2garage.com/
You can see the gap between the red search bar and black category bar in Chrome. At first I thought it was the "blog description," but I set that to display none and it didn't help. I also tried switching the position definition and couldn't fix this issue in Chrome without messing it up in Firefox. Any help is appreciated!
You have
#header {
padding:0 0 20px 0;
}
in your css.. ( Style.css, line 54 )
You should remove the padding.
As #Tim said, "#header" style has a 20px padding and at the bottom of your css file you have :
#header, x:-moz-any-link, x:default {
padding: 0;
}
And this is why in Firefox you do not see the gap.
I have used Accordion and Slideshow on my site.
http://www.delightbranding.com/
when you click Play. For some reason the scroll bar appears shifting the page.
Guess i am missing setting height for some div. Please help.
This one seems to be the bad apple:
<div class="control-next">
When the "Play" item is selected, this div expands below the HTML content, causing your page to grow.
Remove the height from .control-next css class
.control-next {
position:absolute;
right:0;
top:201px;
bottom:201px;
/*height:432px;*/
}
this is only happening for me in IE9 (I'd wager all versions of IE) and only when my browser window is short.
I tend to add a CSS rule to my html tag of
overflow-y: scroll;
Which places the scrollbar on the page always so that longer content doesn't make the browser behave inconsistently.
Not sure if this will help you in this case, but worth a try.