Overflow hidden works not

Hey,.

I need to disable scrolling on the body and turning it on div which appears on the top.

I'm trying body overflow: hidden;
and on the div that show superior overflow: auto;

It works in all the major mobile browsers, but in firefox, it isn't.

I have addded an image that represents my problem
black frame is viewport
Red box is body with overflow: hidden
cyan box is div with overflow: auto

This is with an example-jsfiddle: http://jsfiddle.net/gwhkLnbu/1/
on mobile firefox you can scroll the div red, but you can't do that on any other browser

Hello, thanks for brining up - this seems to be the bug #886969 that have not seen a lot of activity recently unfortunately...

Tags: Firefox App

Similar Questions

  • CFdocument not convert IMG with CSS overflow hidden - displays the entire image

    Title text here

    series - amps.gif is strong 800px of 16px wide. He moves to his good display with css background-position: 0 - 50px; the overflow in the H4 (24 PX height) tag is hidden with css overflow: hidden. works great as html, but the PDF of CFdocument output image high hidden full 800px, not positioned, or overflow in H4. any ideas?

    Unfortunately ColdFusion only supports CSS limited during conversion to PDF format.

    The documentation for the cfDocument tag lists the supported CSS styles.

    See you soon

    Eddie

  • Why is - CSS "overflow: hidden" not honered?

    I use class
    . Nosc {overflow: hidden; border: none; - ms-too-full-style: no}
    He worked on the previous version of Mozilla.
    Note: It only works on IE, stop trying to make us both look alike.

    Sorry, it was a complicated case. I put {overflow: hidden} in my code for an IFRAME. I had to add the HTML that has been making reference to the IFRAME to make it work.

  • I tried to use a tag button with overflow: hidden and an inner img tag with position: relative and left:-34px. The image is not properly positioned by 4px.

    styling:

    #user-menu button,
    #user-menu .sheet17x17 {
        background-color: transparent;
        cursor: pointer;
    }
    #user-menu .sheet17x17 {
        margin: 2px;
        width: 17px;
        height: 17px;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
    }
    #user-menu .sheet17x17.sheet-effects>img {
        position: relative;
    }
    #user-menu .sheet17x17.sheet-effects:hover>img {
        right: 17px;
    }
    #user-menu #user-menu-profile:hover>img {
        outline: solid azure 1px;
    }
    #user-menu #user-menu-social>img {
        margin-left: -68px;
        margin-top: -143px;
    }
    

    HTML:

                    <div id="user-menu">
                        <span id="welcome-msg" class="lang-content">Welcome, </span><span id="goto-profile">Guest!</span> &nbsp;
                        <button id="user-menu-profile"><img src="profiles/erich.seac/avatars/avatar-28x28.png" /></button>
                        <button id="user-menu-comm" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></button >
                        <button id="user-menu-social" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></button >
                        <button id="user-menu-aux" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></button >
                    </div>
    

    -However it works-

                    <div id="user-menu">
                        <span id="welcome-msg" class="lang-content">Welcome, </span><span id="goto-profile">Guest!</span> &nbsp;
                        <button id="user-menu-profile"><img src="profiles/erich.seac/avatars/avatar-28x28.png" /></button>
                        <div id="user-menu-comm" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></div>
                        <div id="user-menu-social" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></div>
                        <div id="user-menu-aux" class="sheet17x17 sheet-effects"><img src="css/kacang.png" /></div>
                    </div>

    You can report a more complete using this site test case if you do not have other accommodation: jsFiddle

  • Navigation tutorial beaten Bayside links not working not

    This tutorial and all the files it are here: How to make a site Web Part 7, use media queries and attach a style sheet. Adobe Dreamweaver tutorials CC

    I noticed that, after that I added the media queries and made a layout with two columns the a href links stopped working in the navigation bar on my index page. They continue to work on other sites page. This is confusing, since two pages use the same style sheet and have the DOM with the same tags.

    To make sure it wasn't a mistake with my code, I opened the file provided with the tutorial, and it had the same problem.

    This only happens when the page hits a query rule of media that hides the menu slide and floating next to the other navigation links. In the slide menu all the links work. The strange thing is that when I click the < nav > element in the DOM tree, the tag is not lit in live view, it's as if this isn't on the page at all.

    I don't know how David has implemented its css (each has their own particular workflow), but a possible workaround is to add overflow: hidden; the css selector #navlinks in media 700px query:

    @media (min-width: 700px) {}

    {#menulink}

    display: none;

    }

    {#navlinks}

    Max-width: 1000px;

    position: static;

    background-color: transparent;

    overflow: hidden;

    }

    Then set the top: 90px 40px in the p #hero selector:

    #hero p {}

    Width: 36%;

    padding-left: 25px;

    padding-right: 25px;

    padding-top: 20px;

    position: absolute;

    color: white;

    border width: 5px;

    border-style: solid;

    top: 40px;

    right: 33px;

    }

    Another solution would be to add clear: both; for the #hero css selector in the in the media of 700px query (did the same thing as above but less code):

    {#hero}

    position: relative;

    Clear: both;

    }

    To see why this add a background color for the #hero css selector in 700px media query. The container of Heroes is on the net asset value for her blocking links.

    {#hero}

    position: relative;

    background-color: red;

    }

  • Flash not working not in FF but runs in IE and Chrome

    Hello:

    I'm having a problem with the Flash not working not not in Firefox, but it runs in IE and Chrome. The main url is http://www.mcafee.com/us/campaign/network-security/virtualized-data-center.html on which there is a section called 'calculator of KING '. The download links of button in a flash program that opens

    on IE and Chrome, but opens only in Firefox. I use windows 7 Professional and Firefox 8. Here is the code for the page of http://www.mcafee.com/us/resources/roi/brocade-mcafee-tco/roi-brocade-mcafee-tco.html :

    <!-saved from url = (0014) subject: internet->

    < html lang = "en" >

    <!--

    Smart developers always view Source.

    This application was built using Adobe Flex, a framework open source

    to create rich Internet applications that delivered via the

    Flash Player or to the desktop via Adobe AIR.

    Learn more about Flex at http://Flex.org

    ->

    < head >

    < name meta = "robots" content = "noindex, nofollow" >

    < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

    < meta http-equiv = "X-UA-Compatible" content = "IE = EmulateIE8" / >

    " < script type =" text/javascript"src =" http://S7.AddThis.com/JS/200/addthis_widget.js "> < / script > .

    < script type = "text/javascript" src = "swfobject.js" > < / script >

    < script type = "text/javascript" >

    function openAddThisWindow (v1, v2, url)

    {

    Return addthis_open (Thi, 'email');

    }

    < /script >

    <!-section START the required-> browser history

    < link rel = "stylesheet" type = "text/css" href = "history/history.css" / > "

    <!-END required-> historical browser section

    < title > < / title >

    < script src = "AC_OETags.js" language = "javascript" > < / script > "

    <!-section START the required-> browser history

    < script src = "history/history.js" language = "javascript" > < / script > "

    <!-END required-> historical browser section

    < style >

    body {margin: 0px; overflow: hidden}

    < / style >

    < script language = "JavaScript" type = "text/javascript" >

    <!--

    // -----------------------------------------------------------------------------

    Globals

    Major version of Flash needed

    var requiredMajorVersion = 9;

    Version of Flash needed

    var requiredMinorVersion = 0;

    Version of Flash needed

    var requiredRevision = 124;

    // -----------------------------------------------------------------------------

    ->

    < /script >

    < / head >

    < scroll body = "no" >

    < script language = "JavaScript" type = "text/javascript" >

    <!--

    Check the version of Flash Player that has the possibility to start the product player install (6.0r65)

    var hasProductInstall = DetectFlashVer (6, 0, 65);

    Version verification based on the values defined in globals

    var hasRequestedVersion = DetectFlashVer (requiredMajorVersion, requiredMinorVersion, requiredRevision);

    If (hasProductInstall & &! hasRequestedVersion) {}

    DO NOT CHANGE THE FOUR LINES FOLLOWING

    Location visited once the installation is complete, if it is necessary to install

    var MMPlayerType = (isIE == true)? "ActiveX": "PlugIn";

    var MMredirectURL = window.location;

    document.title = document.title.slice (0, 47) + "-Flash Player Installation";

    var MMdoctitle = document.title;

    AC_FL_RunContent)

    'src', "playerProductInstall",.

    ""FlashVars"," MMredirectURL = "+ MMredirectURL +'& MMplayerType =" + MMPlayerType + "& MMdoctitle =" + MMdoctitle + "",.

    "width", "100%."

    "height", "100%."

    "align", "middle",

    'id', 'Brocade_ROI ',.

    'quality', 'high ',.

    'bgcolor', '#FFFFFF ',.

    'name', 'Brocade_ROI ',.

    "allowScriptAccess", "sameDomain",.

    'type', "application/x-shockwave-flash"

    "pluginspage", " " http://www.Adobe.com/go/getflashplayer_fr "

    );

    } Else if (hasRequestedVersion) {}

    If we've detected an acceptable version

    embed the Flash content SWF when all tests are passed

    AC_FL_RunContent)

    'src', 'Brocade_ROI ',.

    "width", "100%."

    "height", "100%."

    "align", "middle",

    'id', 'Brocade_ROI ',.

    'quality', 'high ',.

    'bgcolor', '#FFFFFF ',.

    'name', 'Brocade_ROI ',.

    "allowScriptAccess", "sameDomain",.

    'type', "application/x-shockwave-flash"

    "pluginspage", " " http://www.Adobe.com/go/getflashplayer_fr "

    );

    } else {/ / flash is too old or we can't detect the plugin}

    var alternateContent = ' content HTML replacement should be placed here. '

    + ' This content requires Adobe Flash Player. '

    + ' < a href = http://www.Adobe.com/go/getflash/ > get Flash < /a > ';

    document. Write (alternateContent);  Insert content no flash

    }

    ->

    < /script >

    < noscript >

    < object classid = "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

    ID = "Brocade_ROI" width = "100%" height = "100%".

    " codebase =" http://fpdownload.Macromedia.com/get/flashplayer/current/Swflash.cab "> "

    < param name = "movie" value = "Brocade_ROI.swf" / > "

    < param name = "quality" value = "high" / >

    < param name = "bgcolor" value = "#869ca 7" / >

    < param name = "allowScriptAccess" value = "sameDomain" / >

    < embed src = "Brocade_ROI.swf" quality = "high" bgcolor = "#869 ca 7" width = "100%" height = "100%" name = "Brocade_ROI" align = "middle" play = "true" loop = "false" quality = "high" allowScriptAccess = "sameDomain" type "application/x-shockwave-flash" pluginspage =" " http://www.Adobe.com/go/getflashplayer_fr "> < / embed > .

    < / object >

    < / noscript >

    <!-SiteCatalyst code version: H.21. ->

    " < script language ="javascript"type =" text/javascript"src =" http://www.McAfee.com/common/js/s_code-20110804.js "> < / script > .

    < script language = "javascript" type = "text/javascript" >

    s.pageName = "" corp: en - us: live: resources: King: brocade_mcafee_tco ";"

    s.pageName = s.pageName.toLowerCase ();

    s.Channel = "" corp: en - us: live: resources: King ";"

    s.eVar21 = s.channel = s.channel.toLowerCase ();

    s.eVar22 = "" corp: en - us: live: resources: King: brocade_mcafee_tco ";"

    s.Prop1 = s.eVar22 = s.eVar22.toLowerCase ();

    s.Events = "event1";

    s.prop4 = s.eVar4 = "US";

    s.prop5 = s.eVar5 = "en - us";

    s.prop7 = s.eVar7 = "na";

    s.prop6 = s.eVar6 = "live";

    / * DO NOT ALTER ANYTHING BELOW THIS LINE! **************/

    var s_code = s.t (); if (s_code) document.write (s_code) < /script >

    <!-end SiteCatalyst code version: H.21. ->

    < / body >

    < / html >

    Thanks in advance for your help.

    I don't know of another good way. But I don't see why you couldn't use this solution. It is the easiest and ellegant solution I've ever seen for flash embedding. And it's really really wide spread. Just open a site mega cool with flash since the greatest players and look in Firebug which load files... and you will see swfobject.as most of the time. To use it, you type really only this line of code:swfobject.embedSWF(myContent.swf, myContent, 800, 600, 9.0.0); and baam! you have flash on your site which takes care of users without javascript, and users with old flashplayer.

  • overflow: hidden in the body

    When I add the ' overflow: hidden ' property until the body tag, it does not attempt to add scroll bars to display content outside the browser window in firefox, but it keeps the vertical scroll bar in IE7. Why is this and how I can I solve this problem?

    Try this and it should work.

    {html, body
    Width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    }

    Good luck!
    LM

  • Keyboard and trackpad not working not

    Hello world

    so I bought my macbook pro in September 2015 and since then I have problems with the keyboard and trackpad doesn't work do not randomly. I brought the device to an Apple dealer and that they could not fix it, because at the point where the laptop was working fine. This morning I finally found something useful in the newspaper.

    First, while the keyboard and trackpad work not I received a lot of messages like this in the console:

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer CRC of the device was not valid: calculated 0x402E, received 0x0000

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer NAK received unit

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer CRC of the device was not valid: calculated 0x0000 0x0000, received

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer NAK received unit

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer CRC of the device was not valid: calculated 0x0000 0x0000, received

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer NAK received unit

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer CRC of the device was not valid: calculated 0x0000 0x0000, received

    Then it happened:

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer CRC of the device was not valid: calculated 0xD8A4, received 0x0000

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer NAK received unit

    10/01/2016 11:09:19.000 kernel [0]: Error: AppleHSSPIController::doSPITransfer CRC of the device was not valid: calculated 0x45B4, received 0x0000

    10/01/2016 11:09:21.000 kernel [0]: AppleHSSPIController::_enqueueSPICommandGated SPICommand has expired. 208, transactionType 64, frameNumber 0 interface

    10/01/2016 11:09:21.000 kernel [0]: error: internal Apple keyboard / Trackpad::_DoDescriptorRequestGated has no question of error request: 0xe00002ed

    10/01/2016 11:09:22.000 kernel [0]: [HIDDEN] [ATC] [error] AppleDeviceManagementHIDEventService::processCriticalError received Critical Error: 0x00000010

    10/01/2016 11:09:22.003 SystemUIServer [404]: [BluetoothHIDDeviceController] EventServiceConnectedCallback

    10/01/2016 11:09:22.003 blued [93]: [BluetoothHIDDeviceController] EventServiceConnectedCallback

    10/01/2016 11:09:22.004 SystemUIServer [404]: error: [AppleBluetoothHIDDeviceGen2] [_setEventService:] could not copy address BD_ADDR

    10/01/2016 11:09:22.004 blued [93]: [BluetoothHIDDeviceController] EventServiceConnectedCallback

    10/01/2016 11:09:22.000 kernel [0]: [HIDDEN] [ATC] AppleDeviceManagementHIDEventService::processWakeReason Wake reason: button (0x03)

    10/01/2016 11:09:22.000 kernel [0]: [HIDDEN] [MT] AppleMultitouchDevice::start entered

    10/01/2016 11:09:22.000 kernel [0]: [HIDDEN] [MT] AppleActuatorHIDEventDriver::start entered

    10/01/2016 11:09:22.000 kernel [0]: enter BuildActDeviceEntry

    10/01/2016 11:09:22.000 kernel [0]: AppleActuatorDevice::start entries

    10/01/2016 11:09:22.000 kernel [0]: out of BuildActDeviceEntry

    10/01/2016 11:09:22.000 kernel [0]: Apple keyboard internal / Trackpad::start successful start

    and now everything works fine.

    Now my question is: can I bring my camera to a repair because it is still under warranty, but I need my laptop everyday. What should I do? Buy a new one and then put it back? I can't believe that I have questions about a machine, I paid over 2 k euros.

    Do you think is a hardware problem or an osx bug? I'm under 10.11.2 btw.

    Thank you.

    Not OK, so no support in this forum... I called apple and they told me I should put the laptop to apple repair center I did, but they could not reproduce the error (which is random) so that they could not fix it... Now, what are my options here? Am I stuck with a defective machine I paid 2400 euro?

    If you choose apple to have a portable stable and a good customer support as I have, please, be aware of this...

  • Category {' * hidden * "} works for plug-in on 32-bit hosts but fails on 64-bit host - Alternative?

    I'm experimenting with a simple plugin that is supposed to run one specific task in combination with a panel of PS.

    So the Group interface is written in Flex that calls my plug-ins via jsx (PS scripting) and transfers some parameters that can be set on the Panel for the plug-in via its scripting abilities - good. The real filter PS plug-ins used in it is executable in this way and I would so it appears in the menu filters at all.

    I tried the solution proposed in this thread: http://forums.Adobe.com/message/3854157#3854157

    To summarize I specified "category {' * hidden *"} "in the plug-in file Rémi and was then still be able to call the plug-in through jsx using its functions plugInUniqueID and jsx such as stringIDToTypeID() and executeAction(). In any case, that has worked well in 32 bit PS on the PC (I tried CS4 & CS5). I have it has not built on the Mac and its various platforms still because it failed on the PC in 64 bit PS (I tried still CS4 and CS5).

    On 64-bit hosts problem seems to be that as soon as I specify category {' * hidden * "} the plug-in not loaded more. If I makes it visible in the menu it works fine, but as soon as I do so hidden are not accessible by jsx more debugger says that no symbols have been loaded to my source files when you try to set break points.

    So obviously the category {' * hidden * "} solution does not work on all platforms.

    Is there an alternative approach to this?

    Thanks again. I really don't understand why this would be a requirement for x 64 on the PC but making the plug-in hidden filter in the PIPL solved the problem. When persistent that it works when being hidden by x 64 on the PC if it works if not being hidden...

    This is the relevant section of the PIPL should someone at - it never having the same problem. :

    #else / / we are under Windows

    #if defined (_WIN64)

    CodeWin64X86 {'PluginMain'},

    Persistent (),

    #else

    CodeWin32X86 {'PluginMain'},

    #endif

    #endif

  • Mask works not properly in swf

    Hai friends,
    I'm doing a simple masking works correctly in fla, but seen in swf text that is hidden is not seen... What I did was first I wrote some text converted to a movieclip, then another layer I draw a rectangle with some color and do a right click the rectangle and hidden when seen in fla the hidden text is visible, but when converting to swf format, the text is not seen there is a problem with Flash can you help me please...

    Text is not able to be hidden by default Flash.

    You CAN do IF you embed your text (or simply break apart into vectors if she does not need to be dynamic).

    To separate - select your text and press Ctrl + B twice (Cmd + B on Mac). This will make the text vectors, thus negating the problem.

    Otherwise, you must embed the fonts in 2 ways. First of all, if you wish, you can click on the button "Embed fonts" in the properties panel and select the items to include. OR, you can go to the library drop-down menu and select "New police" - choose your font and click OK. None of these methods incorporate your policy. BUT there is one more step. You should give your text box an instanceName, go to the control panel actions and enter the following command:

    myTextBox.embedFonts = true;

    This will end the embed process to enable the hide (and changes alpha) to work for the text.

  • Wmode, overflow: hidden, Firefox, help!

    Ok. I have a problem.

    I have a video player that I created which can be dynamically sized. The SWF file will reside in a div positioned absolutely which has overflow: hidden. The SWF file is set to no, and the viewable area is cut by the visible area of the div.

    Ok no problem.

    Then, I wanted to make the transparent SWF. wmode = "transparent", I come here. OK, that's fine. The SWF is searchable very well it is clipped div in FF and IE.

    So now, I want to add the ability to go full screen. OK, apparently full screen cannot be used with wmode = "opaque" or wmode = "transparent" OK, I can live without the transparent SWF. Bye-Bye, wmode parameter.

    BUT now, in FireFox, without wmode = "transparent" or wmode = "opaque", the overflow: hidden is IGNORED for the SWF! Darn huge SWF all appear independently of overflow of the div.

    Is this a bug? Is there a way around it other than the use of wmode (and thus, loss of ability to full screen)?

    It's really frustrating - full screen is such a good feature, but all the warnings are makes it less usable.

    Any help is appreciated.

    Well, the problem is that I had an area of very large document (2000 x 2000) because I mistakenly thought that the canvas (size of the document) should be larger than the largest size possible I would need to use (I am forced to use noscale for this project for a lot of reasons).

    Anyway, I have a solution. Instead of using my settings object/embed 2000 width and height of 2000, I used instead '100% ' for both and then made the very small size of the canvas (1px). I did not know before, now the Player CAN and will display the content outside the size of the canvas, as a 'noscale' is set and width/height is set to 100% of the container it is in.

    So, I changed these things and get my wmode settings, and that solved the problem was to have FireFox. As long as the size of the canvas of the flash animation is small, FireFox is not ignoring overflow: hidden. He did that only when the SWF file was a large canvas size when wmode was not present.

    Thanks for your comments!

  • Since the update with OS 10.11.6, flash not working not properly

    Just got a new Mac Book Pro, new on mac in general. Had a video to play on a Web site but didn't work not, downloaded Chrome, worked well. Then made the update to OS 10.11.6 (not), and the video does not work (it says: cannot load the Flash plug-in). Made sure plugin has been enabled in my Chrome. Tried to download Flash himself, tried to remove Chrome and Flash and download Chrome still once, nothing works. Now for some reason, it works... What is (and was) happening... Someone has an idea? THX!

    -Chrome has built in Flash.

    -Safari does not come with Flash and use Flash with Safari, you need to download and install Flash

    So this is why worked chrome and Safari worked after downloading and installing Flash. Make sure you just threw always get Flash from the Adobe website.  Once you install Flash from Adobe it has also installed a Flash preferences panel in system preferences and yo can update Flash from here

  • iPhone upgrade of the navigation software now works not properly

    iPhone 5

    New IOS software updated and now the navigation screen not working not properly

    is your site on?

  • IOS 9.3.2 whatsapp works not

    IOS 9.3.2 whatsapp works not

    pls help

  • Some web features working not (buttons, drop-down menus, etc.)

    I have recently reinstalled windows 7 on my machine, and since I had problems with firefox. I had the same exact configuration installation and firefox before reinstall as far as I can remember, and I've not had the problem then. I tried the current version and the beta version of firefox.

    Basically, on some Web sites, there are some things that does not work as it should. Some buttons does nothing, some drop-down menu nothing done, image resizing works not etc.. Maybe it has something to do with javascript? Although most of the javascripts appears.

    Here's an example: on this site: http://www.bitcoinx.com/profit/
    'Reset' and 'Calculate' blue buttons does not work. The effect of the passage of the mouse works, but when I click on them, absolutely nothing happens.

    Rather a general answer I'm afraid, because I don't see an obvious problem & solution:

    1. Note for any problems with the sites that it is always worth to erase cookies from this site and to cache How to clear Firefox cache &delete cookies to remove the information from Web sites is stored on your computer
    2. Try in safe mode (see questions to troubleshoot Firefox in Safe Mode) that is accessible from your Firefox Button. (but at this stage try not yet reset)
    3. If the above does not help then try the Firefox reset, but be aware, you will lose the open tabs, extensions and preferences, you may need to favorite things first if you can find them still see Firefox Refresh - reset the settings and Add-ons

Maybe you are looking for