adobe edge animation shows unwanted vertical scrollbar in firefox only
anybody have any idea how to lose a vertical scrollbar on a site where i built a responsive adobe edge animation. on all the other browsers the overflow: hidden works perfectly. only in firefox do i get a scrollbar showing up. little help please. the website is http://www.drotardesign.com/dd/about.html
d
Chosen solution
I doesn't seem to work if you apply overflow:hidden to the object tag. It does work if I add this attribute to the body of the animation. You could consider to use an iframe that have the scroll bars hidden instead of a object tag.
Read this answer in context 👍 0All Replies (3)
First, love the website. Clean and slick. Nice job.
I don't get a scroll bar on Firefox when viewing your site. Make sure that you aren't zoomed in too much. Press Cmd + 0 to reset your zoom level.
Chosen Solution
I doesn't seem to work if you apply overflow:hidden to the object tag. It does work if I add this attribute to the body of the animation. You could consider to use an iframe that have the scroll bars hidden instead of a object tag.
got it - this is how you get rid of it, and thank you Moses for your kind words. Corel was right, these are the attributes that fix it. You need to load it as an iframe
just so you know, the only way to get rid of the scroller in Firefox is to load the RESPONSIVE ADOBE EDGE ANIMATION as an iFrame with these attributes:
<IFRAME src="http://www.drotardesign.com/dd/animations/edgeAbout/edgeTop.html" width="100%" height="100%" scrolling="no" frameborder="no"></IFRAME>
your css will be this:
/*EDGE ANIMATION*/
.center1 {
display: block;
width: 25%;
overflow:hidden;
height:400px;
padding-bottom:0%;
}
.center1Edge {
width: 100%;
height: 100%;
/*left: 0px;*/
}